还在手动配置Nginx?太LOW了,这个超强大的 Nginx 可视化管理工具太牛逼了!

点击上方“芋道源码”,选择“设为星标

管她前浪,还是后浪?

能浪的浪,才是好浪!

每天 10:33 更新文章,每天掉亿点点头发...

源码精品专栏

 

来源:网络

880483ff83ada82ea448a4ad9bb652c4.jpeg


今天给大家介绍一款 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 配置可供超级用户使用

  • 用户管理、权限和审核日志

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/ruoyi-vue-pro

  • 视频教程:https://doc.iocoder.cn/video/

安装

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 就能看到界面啦

4b4ef487761ab83ea878c23698385960.png

5、登录

网站默认账号和密码为

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

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

6、登录成功主界面

64d9a78f3069f2eae475f3bf37ceeee5.png

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/yudao-cloud

  • 视频教程:https://doc.iocoder.cn/video/

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

这里,我们就用 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 访问后台管理界面,然后输入账号密码进入后台。

点击绿色图标的选项

30745e4454156cb91925185e13fa7cbb.png

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

9f77615d65b2c93224120ac48ac84027.png
  • 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。

fef26641766d5ae765bb0028b17225b7.png

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

9040b0fea39dd4d21f7edf1e66e0a16a.png

接下来即可用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选项。

30453e97220a4f41569ceebaed33de2d.png

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

e221b84cc91625a0fed7d8d254b32af4.png

4、设置HTTPS

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

5b9a8f4da4b221b5bb3168d5476ad32e.png

总结

以上就是本教程的全部内容,更多的使用教程,大家可以访问官方文档。

官方文档:https://nginxproxymanager.com/guide/



欢迎加入我的知识星球,一起探讨架构,交流源码。加入方式,长按下方二维码噢

86f98afa97656cb53a798f80c74fac69.png

已在知识星球更新源码解析如下:

2f59431ce544bae514375eccd94d3447.jpeg

6c1379ecf73db0c8632c2f9fbaffee95.jpeg

a687b1d9502d76e55de1773cf108d46e.jpeg

f9f7f9f9cc0d96435ff9c55a585404fb.jpeg

最近更新《芋道 SpringBoot 2.X 入门》系列,已经 101 余篇,覆盖了 MyBatis、Redis、MongoDB、ES、分库分表、读写分离、SpringMVC、Webflux、权限、WebSocket、Dubbo、RabbitMQ、RocketMQ、Kafka、性能测试等等内容。

提供近 3W 行代码的 SpringBoot 示例,以及超 4W 行代码的电商微服务项目。

获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。

文章有帮助的话,在看,转发吧。
谢谢支持哟 (*^__^*)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值