Как поставить пароль на сайт или веб-приложение

Vercel

1. Откройте проект в панели Vercel и перейдите в Settings, затем Deployment Protection.
2. В разделе Password Protection включите переключатель.
3. Выберите, что защищать. Standard Protection оставляет основной домен открытым, поэтому выберите All Deployments, чтобы закрыть и основной адрес.
4. Введите пароль и нажмите Save. Посетители вводят его один раз для каждой публикации, а cookie его запоминает.

Сколько стоит Только тариф 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 можно также добавить правило Basic-Auth в файл _headers, как в примере ниже. Netlify предупреждает, что в basic auth нельзя выйти из системы.

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. Посетитель вводит свою почту, получает PIN-код, который работает один раз в течение 10 минут, и попадает на сайт.

Сколько стоит Бесплатно до 50 пользователей, затем $7 за пользователя в месяц при оплате за год.

Это не общий пароль: каждый подтверждает, что читает свою почту, поэтому вы видите людей по отдельности и можете убрать любого из них.

Cloudflare Worker с basic auth

1. Возьмите за основу пример basic auth для Workers от Cloudflare. Он запрашивает у браузера логин и пароль и сравнивает их так, чтобы пароль нельзя было узнать по времени ответа.
2. Храните пароль как секрет, а не в коде, с помощью команды ниже.
3. Открывайте сайт только по HTTPS. Иначе basic auth передаёт пароль в незашифрованном виде.

npx wrangler secret put PASSWORD

Сколько стоит Workers Free покрывает 100 000 запросов в день. Workers Paid стоит от $5 в месяц.

Cloudflare отмечает, что этот пример не подходит для продакшена, и советует вместо него Cloudflare Access.

Свой сервер

1. Установите утилиту htpasswd (пакет apache2-utils в Debian и Ubuntu, httpd-tools в Red Hat) и создайте файл паролей, по одной строке на человека.
2. В nginx добавьте для сайта auth_basic и auth_basic_user_file, как в примере ниже. В Apache используйте AuthType Basic, AuthUserFile и Require valid-user.
3. Храните файл паролей вне папки сайта и используйте HTTPS. В документации Apache предупреждают, что basic auth передаёт пароль в незашифрованном виде.

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

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

Сколько стоит Бесплатно на сервере, который у вас уже есть.

В basic auth можно завести отдельный пароль для каждого человека, и это лучше одного общего пароля. Но добавлять и убирать людей всё равно придётся вручную на сервере.