5A景区网站建设

ubuntu nginx 可视化管理工具

baoguok
下面给出 Ubuntu 系统下常用、好用的 Nginx 可视化管理工具（Web GUI），全部可在 Ubuntu 20.04/22.04/24.04 上直接运行或通过 Docker 部署。按 易用性 → 功能完整度 → 推荐度 排序，附带 一键安装脚本 / Docker 命令，复制粘贴即可用。

1. Nginx Proxy Manager（最推荐，零配置反向代理）

特性
说明
核心功能
反向代理、SSL 一键签发（Let’s Encrypt）、访问控制、Redirection、Stream（TCP/UDP）
界面
现代 Material Design，拖拽添加 Host
部署方式
Docker（官方推荐）
资源占用
< 200 MB RAM

一键 Docker 部署（Ubuntu）

bash 
# 1. 安装 Docker & docker-compose
sudo apt update && sudo apt install -y docker.io docker-compose

# 2. 创建目录
sudo mkdir -p /opt/npm/data /opt/npm/letsencrypt

# 3. 创建 docker-compose.yml
sudo tee /opt/npm/docker-compose.yml > /dev/null <<'EOF'
version: '3'
services:
  app:
    image: jc21/nginx-proxy-manager:latest
    restart: unless-stopped
    ports:
      - "80:80"
      - "443:443"
      - "81:81"   # 管理面板
    volumes:
      - /opt/npm/data:/data
      - /opt/npm/letsencrypt:/etc/letsencrypt
EOF

# 4. 启动
cd /opt/npm && sudo docker-compose up -d

访问：http://你的IP:81
默认账号：admin@example.com / changeme（首次登录强制改密码）

参考：官方文档 https://nginxproxymanager.com

2. Nginx UI（功能最全，原生二进制）

特性
说明
核心功能
在线编辑 nginx.conf、实时语法检查、服务器监控、证书管理、AI 配置建议、备份/回滚
部署方式
Go 二进制 / Docker
资源占用
~50 MB

方法 A：二进制（推荐，无 Docker）

bash 
# 1. 安装 Go（若已有可跳过）
sudo apt update && sudo apt install -y golang

# 2. 克隆并编译
git clone https://github.com/0xJacky/nginx-ui.git
cd nginx-ui
make build

# 3. 移动到 /usr/local/bin
sudo cp bin/nginx-ui /usr/local/bin/

# 4. 创建 systemd 服务
sudo tee /etc/systemd/system/nginx-ui.service > /dev/null <<'EOF'
[Unit]
Description=Nginx UI
After=network.target nginx.service

[Service]
Type=simple
ExecStart=/usr/local/bin/nginx-ui
WorkingDirectory=/usr/local/bin
Restart=always
User=root

[Install]
WantedBy=multi-user.target
EOF

# 5. 启动
sudo systemctl daemon-reload
sudo systemctl enable --now nginx-ui

访问：http://你的IP:8080（默认用户 admin / 123456，首次登录改密码）方法 B：Docker

bash 
docker run -d --name nginx-ui \
  -p 8080:8080 -p 8000:8000 \
  -v /etc/nginx:/etc/nginx \
  --restart unless-stopped \
  u2sb/nginx-ui:latest

3. OpenResty Dashboard（监控 + 配置）

特性
说明
核心功能
实时 QPS、延迟、错误率、Lua 脚本热加载、配置热更新
部署方式
Docker / 源码
适用场景
已使用 OpenResty（Lua 扩展 Nginx）
bash 
docker run -d --name openresty-dashboard \
  -p 9000:80 \
  --link your-nginx-container \
  openresty/openresty-dashboard

4. Nginx Config Generator（在线生成器）不是本地工具，但 Ubuntu 本地复制粘贴 非常方便：

生成后：

bash 
sudo cp generated.conf /etc/nginx/sites-available/mysite
sudo ln -s /etc/nginx/sites-available/mysite /etc/nginx/sites-enabled/
sudo nginx -t && sudo systemctl reload nginx

5. 其他轻量 GUI（适合极简需求）

工具
安装方式
备注
Nginx Amplify
`curl -L https://nginx.com/amplify-agent.sh
sh`
Netdata
bash <(curl -Ss https://my-netdata.io/kickstart.sh)
实时性能图表，包含 Nginx 模块
VS Code + Nginx Plugin
code –install-extension shanoor.vscode-nginx
语法高亮 + 自动补全

推荐组合（生产环境）

bash 
# 1. Nginx Proxy Manager（反向代理 + SSL）
# 2. Nginx UI（配置编辑 + 监控）
# 3. Netdata（实时性能）

常见问题

问题
解决方案
nginx: [emerg] bind() to 0.0.0.0:80 failed
停止系统 Nginx：sudo systemctl stop nginx
防火墙阻止 81/8080
sudo ufw allow 81,8080
Docker 容器无法访问宿主机 Nginx 配置
挂载卷：-v /etc/nginx:/etc/nginx:ro
退出移动版