最后的效果就类似（不同浏览器的界面有所不同）：

如果认证失败，就会报HTTP错误：401 Authorization Required。

要实现这样的功能，就需要更改服务器的配置，并设定好用于登录的用户名和密码。

首先我们需要更改网站的Nginx的server配置，Ubuntu服务器的话这个配置文件通常位于/etc/nginx/sites-enabled/，比如我这里就使用默认的配置文件/etc/nginx/sites-enabled/default来做一个例子：

复制代码 代码如下:
server {
server_name www.fancycedar.info
root /www/fancycedar

# ...

location / {
# 添加下面两行
auth_basic "Restricted";
auth_basic_user_file htpasswd;
# ...
}

# ...
}


接下来需要创建htpasswd文件，这里有一些细节需要注意：

htpasswd的路径
和nginx.conf在同一级目录即可。Ubuntu服务器的话一般就在/etc/nginx/下面。

htpasswd的内容
每一行为一个用户，格式为username:password。但是要注意，这里的password不是明文，而是将password进行crypt(3)加密后的字符串。

你可以使用一段PHP代码来生成htpasswd中的password：

复制代码 代码如下:
// 密码明文
$password = 'some password';
// 对密码进行加密
$password = crypt($password, base64_encode($password));
// 获得加密后的密码
echo $password;


然后将字符串写入htpasswd文件中：

复制代码 代码如下:
username1:xucqMk13TfooE
username2:YXTfb3xWKOMBM
...


htpasswd的权限

需要更改htpasswd文件的权限，执行如下命令：

复制代码 代码如下:
sudo chown root:www-data htpasswd
sudo chmod 640 htpasswd


Are You Ready?

当上面的准备工作都做好之后，我们就可以重新载入或者重启Nginx服务器了：

复制代码 代码如下:
sudo /etc/init.d/nginx reload
# or
sudo /etc/init.d/nginx restart


完工。

P.S. 不要忘记你设定的密码是啥了……

原文链接：http://www.fancycedar.info/2013/06/apache-nginx-htpasswd/