一、简介

Nginx UI是一款专为Nginx设计的图形化管理工具，旨在简化Nginx的配置与管理过程，提高开发者和系统管理员的工作效率。

项目地址：https://github.com/0xJacky/nginx-ui

Nginx UI的主要特点

简化配置：通过图形化的界面，Nginx UI简化了Nginx的配置过程，使得用户无需直接编辑复杂的配置文件即可完成服务器的设置。
实时监控：Nginx UI具备实时监控功能，可以显示Nginx服务器的关键指标，如连接数、请求处理时间等，帮助管理员及时发现并解决问题。
易于扩展：Nginx UI支持插件系统，用户可以根据需求安装额外的功能模块，如日志分析、安全防护等，进一步增强其功能。
高效管理：对于拥有多个Nginx实例的企业级用户来说，Nginx UI提供了一种集中式的管理方式，可以在一个界面上管理所有实例，极大地提高了管理效率。
安全性：Nginx UI在设计时考虑到了安全性问题，提供了多种认证机制，如基于用户的认证、SSL/TLS加密等，确保了数据的安全传输。
兼容性：Nginx UI不仅适用于传统的服务器环境，还支持Docker等容器化平台，使得用户可以在不同的环境中无缝使用Nginx UI进行管理。

二、安装

使用docker安装

复制代码

mkdir -p /opt/nginx-ui/appdata

docker run -dit \
  --name=nginx-ui \
  --restart=always \
  -e TZ=Asia/Shanghai \
  -v /var/run/docker.sock:/var/run/docker.sock \
  -v /opt/nginx-ui/appdata/nginx:/etc/nginx \
  -v /opt/nginx-ui/appdata/nginx-ui:/etc/nginx-ui \
  -p 80:80 -p 443:443 \
  uozi/nginx-ui:latest

访问页面

http://ip

拉到页面最底部，选择安装语言为中文

确保检查通过

设置管理账号admin

首页效果如下：

可以看到CPU、内存使用情况、系统负载和磁盘使用率等相关指标

三、配置

添加站点

输入站点信息

添加 localtion，设置反向代理，请求转发到http://172.16.3.71

复制代码

proxy_pass http://172.16.3.71;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

效果如下