给大家介绍一款Nginx可视化管理界面,非常好用,小白也能立马上手。

Nginx-proxy-manager 是一个反向代理管理系统,它基于Nginx,具有漂亮干净的Web UI。还可以活的受信任的SSL证书,并通过单独的配置、自定义和入侵保护来管理多个代理。它是开源的,斩获11.8K的Star 数。

特征

  • 基于Tabler(https://tabler.github.io/)的美观安全的管理界面
  • 无需了解Nginx即可轻松创建转发域、重定向、流和404主机
  • 使用Let’s Encrypt 的免费 SSL 或提供您自己的自定义 SSL 证书
  • 主机的访问列表和基本HTTP 身份验证
  • 高级Nginx配置可供超级用户使用
  • 用户管理、权限和审核日志

安装

1、安装Docker 和 Docker-Compose
2、创建一个docker-compose.yml文件
version: '3'
services:
  app:
    image: 'jc21/nginx-proxy-manager:latest'
    restart: unless-stopped
    ports:
      - '80:80'
      - '81:81'
      - '443:443'
    volumes:
      - ./data:/data
      - ./letsencrypt:/etc/letsencrypt
3、运行
docker-compose up -d

#如果使用的是 docker-compose-plugin
docker compose up -d
4、访问网页

运行成功后,访问http://127.0.0.1:81 就能看到界面啦

nginx log 可视化 nginx可视化管理工具_运维

5、登录

网站默认账号和密码为

账号:admin@example.com
密码:changeme

登录成功后第一次要求修改密码,按照步骤修改即可

6、登录成功主页面

nginx log 可视化 nginx可视化管理工具_服务器_02

实战:设置后台管理界面的反向代理

这里,我们就用http://a.test.com 来绑定我们的端口为81的后台管理界面,实现浏览器输入http://a.test.com 即可访问后台管理界面,并且设置HTTPS。

1、前提
  • 安装好Nginx Proxy Manager
  • 拥有一个域名
  • 将http://a.test.com解析到安装Nginx Proxy Manager的服务器IP地址上
2、反向代理操作

先用 ip :81 访问后台管理页面,然后输入账号密码进入后台。

惦记绿色图标的选项

nginx log 可视化 nginx可视化管理工具_nginx_03


点击右边 Add Proxy Host,在弹出的界面 Details 选项中填写相应的字段。

nginx log 可视化 nginx可视化管理工具_nginx log 可视化_04

  • Domain Names:填写要反向代理的域名,这里就是http://a.test.com
  • Forward Hostname / IP:填写的 ip 值见下文解释
  • Forward Port:反向代理的端口,这里就是81
  • Block Common Exploits:开启后阻止一些常见漏洞
  • 其余两个暂不知作用
Forward Hostname / IP填写说明

如果搭建的服务和 nginx proxy manager 服务所在不是一个服务器,则填写能反问对应服务的 IP。如果都在同一台服务器上,则填写在服务器中输入 ip addr show docker0 命令获取得到的 ip.

nginx log 可视化 nginx可视化管理工具_nginx_05


这里不填 127.0.0.1 的原因是使用的是docker容器搭建web应用,docker容器和宿主机即服务器不在同一个网络下,所以127.0.0.1并不能访问到宿主机,而 ip addr show docker0 获得的ip 地址就是宿主机地址。

nginx log 可视化 nginx可视化管理工具_运维_06


接下来即可用 a.test.com 访问后台管理页面,此时还只是http协议,没有https。不过此时就可以把之前得81端口关闭了,输入a.test.com访问的是服务器80端口,然后在转发给内部的81端口。

3、申请ssl证书

申请一个 a.test.com 证书,这样就可以提供https访问了。
在Nginx Proxy Manager管理后台,选择Access Lists -> Add SSL Certificate ->Let’s Encrypt选项。

nginx log 可视化 nginx可视化管理工具_运维_07


按照下图方式填写,点击Save就可以了

nginx log 可视化 nginx可视化管理工具_Nginx_08

4、设置HTTPS

进入反向代理设置界面,编辑上文创建的反代服务,选择SSL选项,下拉菜单中选择我们申请的证书,然后可以勾选Force SSL即强制HTTPS。

nginx log 可视化 nginx可视化管理工具_服务器_09

-