肖祥

Nginx UI - 可視化管理平臺

一、簡介

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;

效果如下