Nginx UI

ZhangCurry2026-02-282026-02-28

Nginx UI

🧠 什么是 Nginx UI？

一句话解释就是：

把原本要 SSH 登录、手写配置、反复 reload 的事情，搬到浏览器里来做。

通过 Nginx UI，你可以直接在网页里完成这些事：

管理站点 / 虚拟主机
配置反向代理
申请和维护 HTTPS 证书
查看访问日志和错误日志
监控服务器运行状态

而且它既能跑在单台服务器上，也支持多节点 / 集群的使用方式。

📌 用下来让我觉得很舒服的点主要有这些：

服务器状态实时可见

：CPU、内存、磁盘、负载一眼看清
配置自动留历史版本

：改坏了可以直接回滚
配置编辑器带补全

：少敲错一个分号都很重要
日志直接在网页看

：不用再 tail -f
一键申请 + 自动续期 HTTPS 证书
配置有智能提示

：不懂的地方能直接看解释

简单说就是：
👉 它让 Nginx 从“命令行工具”，升级成了“可视化管家”。

🐳 一分钟部署：用 Docker 安装 Nginx UI

如果你平时就用 Docker，那部署 Nginx UI 基本没什么门槛。

一条命令直接跑起来：

docker run -dit \
  --name=nginx-ui \
  --restart=always \
  -e TZ=Asia/Shanghai \
  -v /Users/zhoupb/data/nginx:/etc/nginx \
  -v /Users/zhoupb/data/nginx-ui:/etc/nginx-ui \
  -v /Users/zhoupb/data/www:/var/www \
  -v /var/run/docker.sock:/var/run/docker.sock \
  -p 8080:80 -p 8443:443 \
  uozi/nginx-ui:latest

🔍 这条命令主要做了几件事：

/etc/nginx
1
2
3
4
5

  👉 映射你真正使用的 Nginx 配置

- ```
  /etc/nginx-ui


👉 保存 UI 自己的配置和状态

/var/www
1
2
3
4
5

  👉 如果你有静态站点，可以直接用

- ```
  docker.sock


👉 方便和 Docker 环境配合（可选）

8080 / 8443
1
2
3
4
5

  👉 用浏览器访问管理界面

启动后，直接访问：


http://你的服务器IP:8080


![1771733337701.png](https://mmbiz.qpic.cn/mmbiz_jpg/je1giavgqS4WX1V2PURleuogBxSJlXS8gPjicZf6oAgZmR1SFa2CEmqjTLibkuQKfHg05BJZrobBaNKvGnI2PupEAnteRSt0ZLsib8d794sEwUk/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=1)

到这里，其实已经可以开始用了。

# 👩‍💻 第一次打开，你能用它干嘛？

进入 Nginx UI 后，界面并不复杂，大概分这么几块。

## 📊 实时监控

服务器的整体状态会直接展示出来：

- CPU 使用率
- 内存占用
- 磁盘情况
- 系统负载

不用再去装额外监控工具，**日常看一眼就够用**。

![PixPin_2026-02-22_12-55-26.png](https://mmbiz.qpic.cn/mmbiz_png/je1giavgqS4WwZ7UUAicv7gynkJRovtds3vxHXhg1Eeu8NEoV3IbbibgFWic4ZRzvJRaCIuPaPszvI2ia7MlyxQC0HgqftG09iafSxXLxF2VlmBxI/640?wx_fmt=png&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=2)

------

## 🕸 管理站点

所有站点集中在一起管理：

- 哪个域名
- 监听哪个端口
- 走 HTTP 还是 HTTPS

不用再翻配置文件找半天。

![PixPin_2026-02-22_13-09-17.png](https://mmbiz.qpic.cn/mmbiz_jpg/je1giavgqS4VMzErhpWwkCDLSeTn3FCCzyVzUGUcdibA9Oef5qBXSzkPp55L2IyWmTDgSER9s3mGppjyOV6njHGuia0icia32jqwW0IicYyEcY9eQ/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=3)

------

## 🧾 配置管理

这是我个人用得最多的地方。

在图形化编辑器里：

- 配反向代理
- 加缓存规则
- 调整 SSL、Header、超时

编辑器自带语法高亮和提示，**比纯手写安心很多**。

![PixPin_2026-02-22_12-56-14.png](https://mmbiz.qpic.cn/sz_mmbiz_jpg/je1giavgqS4UrSLFA5wO1Srf0K7rUK85RpXUtAYBia2GqCPempU6icIYE6m3vghHcqMUS2Q461FLX3PTibbZiah4Bic84PKrycibycmFmvrDYZxQdQ/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=4)

------

## 🔐 自动申请证书

HTTPS 这块，是真的省心。

通过内置的 **Let's Encrypt** 支持，你可以：

- 一键申请证书
- 自动绑定到站点
- 自动续期

不用再折腾 certbot、cron、脚本。

![PixPin_2026-02-22_13-01-33.png](https://mmbiz.qpic.cn/sz_mmbiz_jpg/je1giavgqS4Wiay1tuX9ibL72JdSIQnWXYTVq3IRYwXwOvmEAIyaX4eqmOUaIqk1Q23qJvYiboaWG5Afp7oWl1Xzm5ErIAraTt98KGqZh0jIibq4/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=5)

------

## 📜 日志与配置测试

改配置最怕什么？
**不是慢，是改完直接把服务干掉。**

Nginx UI 在 reload 前会先帮你：

- 自动做语法检测
- 有问题直接拦住
- 不会把错误配置加载上线

日志也可以直接在网页看，不用再 SSH。

![PixPin_2026-02-22_13-02-40.png](https://mmbiz.qpic.cn/sz_mmbiz_jpg/je1giavgqS4Vv8nrYTgOnhWUfyiaynI4KM0Euia9ibtjs3pmzkFJS7qRVD7OHtEOaMVSvVxZAdTfZjdvYAFkR9uOagxSHoZcImSVessG6QX6Ys0/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=6)

------

## 🤖 智能助手

遇到不太懂的配置项，可以直接看解释和提示。

不是那种“对话框式聊天”，
而是**在你写配置时，给你一些合理的建议**。

![1771736768172.png](https://mmbiz.qpic.cn/sz_mmbiz_jpg/je1giavgqS4Wwrcxdp8icrjConJicIV8MnDcx5xFicYhZlgibIYlUK4zJE3MdcfjiaXTEqUCQuS1sKe111pmnQeeWvDyeLSpdJoYqRTsAnOaljCLc/640?wx_fmt=jpeg&from=appmsg&watermark=1&tp=webp&wxfrom=5&wx_lazy=1#imgIndex=7)

------

# 🛠 实际能用在哪些场景？

## ⭐ 新手学习 Nginx

看得见、点得动，比直接面对一堆配置文件友好得多。

## 🕸 多站点 / 多域名管理

一个界面管全部，不用记每台服务器怎么配的。

## 📜 HTTPS 自动化

证书申请 + 续期，基本不用操心。

## 🚀 NAS / 家庭服务器 / Docker 环境

给所有内网服务一个统一入口，非常合适。

------

# 🧩 一点真实使用提醒

- 映射已有 Nginx 配置时，**尽量先整理干净**，避免老配置冲突
- 管理界面建议加一层访问控制，不要直接裸奔
- 能开双因素认证就开，别偷懒

------

# ✨ 最后说一句

如果你已经用 Nginx 很久了，
你会发现 **真正浪费时间的不是“配置本身”，而是那些重复、容易出错的操作**。

Nginx UI 并不是让你不懂 Nginx，
而是帮你把这些低价值、高风险的事情，交给工具去做。