웹사이트나 웹 앱에 비밀번호 거는 방법

Vercel

1. Vercel 대시보드에서 프로젝트를 열고 Settings, Deployment Protection으로 가세요.
2. Password Protection에서 토글을 켜세요.
3. 보호할 범위를 고르세요. Standard Protection은 프로덕션 도메인을 열어 두기 때문에, 메인 주소까지 막으려면 All Deployments를 고르세요.
4. 비밀번호를 입력하고 Save를 누르세요. 방문자는 배포마다 한 번 입력하고, 쿠키가 기억해요.

비용 Pro 요금제만: 보호하는 프로젝트마다 월 $20. Enterprise에는 포함, Hobby에서는 쓸 수 없어요.

모든 요금제의 무료 선택지는 Vercel Authentication이고, 이제 프로덕션도 보호해요. 방문자는 그 프로젝트에 접근할 수 있는 Vercel 계정으로 로그인하기 때문에, 동료마다 계정이 하나씩 필요해요.

Netlify

1. 사이트를 열고 Project configuration, General, Visitor access, Password Protection으로 가세요.
2. Configure Password Protection, Basic password protection을 차례로 누르고 비밀번호를 입력하세요.
3. 미리보기뿐 아니라 운영 중인 사이트도 막히도록 All deploys를 고르고, Save를 누르세요.
4. 크레딧 기반의 새 Pro 요금제에서는 같은 설정이 Visitor access, Project visibility에 있어요. Password를 고르세요.

/*  Basic-Auth: dana:a-long-password sam:another-long-password

비용 Pro 요금제(월 $20, 멤버 수 제한 없음) 또는 Enterprise. Free, Personal에서는 쓸 수 없어요.

사이트 일부에 사용자 이름과 비밀번호를 걸려면, Pro와 Enterprise에서는 아래처럼 _headers 파일에 Basic-Auth 규칙을 넣을 수도 있어요. Netlify는 기본 인증에 로그아웃 방법이 없다고 안내해요.

Cloudflare Access

1. 도메인이 Cloudflare에 있어야 해요. 대시보드에서 Zero Trust, Integrations, Identity providers로 가서 One-time PIN을 추가하세요.
2. Access controls, Applications로 가서 Create new application, Self-hosted and private를 차례로 누르고, 사이트의 호스트 이름을 추가하세요.
3. Allow 정책을 추가하세요. 회사 전체라면 Emails ending in에 @yourcompany.com을, 특정 사람이라면 Emails를 쓰세요. 그 외 모든 사람은 Access가 기본으로 막아요.
4. Create를 누르세요. 방문자는 이메일을 입력하고, 10분 동안 한 번만 쓸 수 있는 PIN을 받아 들어와요.

비용 사용자 50명까지 무료, 그 뒤 사용자당 월 $7, 연 단위 결제.

이건 공유 비밀번호가 아니에요. 각 사람이 자기 메일함을 읽을 수 있다는 걸 증명하기 때문에, 한 사람씩 확인하고 뺄 수 있어요.

기본 인증을 넣은 Cloudflare Worker

1. Cloudflare의 Workers용 기본 인증 예제에서 시작하세요. 브라우저에 사용자 이름과 비밀번호를 요청하고, 응답 시간으로 비밀번호가 새지 않는 방식으로 비교해요.
2. 비밀번호는 코드에 넣지 말고, 아래 명령어로 시크릿에 저장하세요.
3. HTTPS로만 제공하세요. 그렇지 않으면 기본 인증은 비밀번호를 암호화하지 않고 보내요.

npx wrangler secret put PASSWORD

비용 Workers Free는 하루 100,000건 요청까지예요. Workers Paid는 월 $5부터예요.

Cloudflare는 이 예제가 프로덕션용으로 적합하지 않다고 표시하고, 대신 Cloudflare Access를 권해요.

직접 운영하는 서버

1. htpasswd 툴을 설치하고(Debian, Ubuntu는 apache2-utils 패키지, Red Hat은 httpd-tools), 한 사람당 한 줄씩 비밀번호 파일을 만드세요.
2. nginx에서는 아래처럼 사이트에 auth_basic과 auth_basic_user_file을 추가하세요. Apache에서는 AuthType Basic, AuthUserFile, Require valid-user를 쓰세요.
3. 비밀번호 파일은 웹 폴더 밖에 두고, HTTPS를 쓰세요. Apache 문서는 기본 인증이 비밀번호를 암호화하지 않고 보낸다고 경고해요.

sudo htpasswd -c /etc/apache2/.htpasswd dana

# nginx
location / {
    auth_basic           "Staff only";
    auth_basic_user_file /etc/apache2/.htpasswd;
}

비용 이미 운영 중인 서버라면 무료예요.

기본 인증은 사람마다 비밀번호를 따로 둘 수 있어서, 공유 비밀번호 하나보다 나아요. 그래도 사람을 추가하고 빼는 건 서버에서 직접 해야 해요.