[Docker Compose] cym1102/nginxwebui 一個圖形可視化 Nginx Web 管理介面

[Docker Compose] cym1102/nginxwebui 一個圖形可視化 Nginx Web 管理介面

NginxWebui 是一款可以使用 Docker 快速部署的 Nginx 圖形可視化Web應用程序,該應用程序自帶 Nginx 服務器,所以無需在自己架設一個額外的 Nginx 服務器,本篇文章會先介紹大部分重要功能,最後在介紹如何使用 Docker 架設,本篇架設適合有學習過 Docker 基礎的人,如果沒有學過 Docker,快去看看 DockerDocker-Compose 教程,對架設伺服器來說,簡直是如虎添翼。

功能介紹

  1. 系統運行狀態頁面

在一登入管理面板後。可以看到一些關於服務器的基本訊息,硬體利用率、網速等等

981BB18B-8671-4FCB-A7D4-493D523D1B1B

  1. 基本參數配置

可以配置一些最外層的Nginx參數

0E16E092-7479-499D-8AEB-3229BDA43CE8

  1. Http配置

這邊主要是配置一些Http部分的參數

4475DCE5-A681-4B29-9070-97FB858DF145

簡易嚮導的功能,主要是可以一件配置Nginx優化參數,和打開一些額外支持,個人認為十分的好用

B99FAB42-8714-4BD7-A6FB-18426CFBCBD0

  1. 反向代理

最重要的核心功能,在這裡可以配置反向代理轉發後端應用,支持預覽Config、編輯轉發設定、掛載SSL憑證等等功能,基本上涵蓋了大部分會使用到的場景。

tempsnip-1

預覽Config功能

1

編輯設定頁面

1-1

  1. 附載均衡

支持負載均衡輪巡設置

1-2

1-3

  1. 啟用配置頁面

修改Nginx設定以後,需要到這一邊來校驗設定和替換文件,最後按下重新裝載更新Nginx設置

1-4

對比文件功能讓使用者可以對比自己剛剛的所有更動

1-5

支持了還原功能,在設定錯誤後,需要修改回原先設定的時候,非常好用,系統會把你所有更動做保存,像是版控一樣可以讓你回朔之前的設定,並且還可以查看每次的改動

1-6

  1. 支持證書管理功能

1-7

可以上傳自己的證書,也可以使用自動簽發功能,定期跟DNS廠商簽發證書,免去證書到期的煩惱,支持多家服務商,看看有沒有自己的,個人是用 Cloudflare CDN ,所以我的證書是跟 Cloudflare 定期簽發的

1-8

2

  1. 支持日誌查看功能

可以在WebUI上直接查看Nginx動態日誌,十分的方便

1-9

1-10

  1. 遠程服務器管理

看說明好像是可以遠程操作其他同樣 NgnixWebUI 的服務器,沒用有過,通常會需要操作到多個Nginx服務器的場景,會有更好的做法可以使用,但如果是個人博客或是搭建小型的服務的話,可以使用看看

1-11

附上官網的思維導圖

xmind

使用 Docker-compose 架設

這邊我已經整理好了 Docker-compose 給大家做使用,使用的 network 是橋接模式

  • 18080:8080 是 Nginx 的端口
  • 8000:80 是 WebUI 的端口

可以根據自己的需求自行更改對外端口

關於 NginxWebUI 的介紹和架設就講到這邊,個人認為這個套件大大的減少了維護和設定 Nginx 轉發的時間,也非常感謝作者做出這麼好用的工具開源讓大家使用,作者直到現在(2022/12月 3.4.6版本)都有持續在更新,所以大家可以放心使用這個套件,有更新的時候他會在介面右上方提醒你,但是建議不要太快升級,因為有時候會出BUG,像是我上次升級的時候,因為更新的SSL憑證路徑被修改了,所以導致我網頁SSL壞了很久都找不出問題,建議要升級前先去Git倉庫上看看有沒有issue在做升級的動作

最後附上所有網站連結~

nginxWebUI - 首页
nginx图形化配置管理工具,使用网页来快速配置与管理nginx与nginx集群
GitHub - cym1102/nginxWebUI: Nginx Web page configuration tool. Use web pages to quickly configure Nginx. Nginx网页管理工具,使用网页来快速配置与管理nginx单机与集群
Nginx Web page configuration tool. Use web pages to quickly configure Nginx. Nginx网页管理工具,使用网页来快速配置与管理nginx单机与集群 - GitHub - cym1102/nginxWebUI: Nginx Web page configuration tool. Use web pages to qu...
陈钇蒙/nginxWebUI
方便快捷易用的Nginx可视化UI网页管理部署配置工具系统,使用Web网页系统来快速配置部署,支持在线配置你的Nginx/Openresty的反向代理、负载均衡、SSL/HTTPS证书免费签发,自动续签、TCP/UDP 3-4层转发、可以自定义参数字段、均衡负载节点、Nginx服务状态监控故障报警、集群配置同步等,快速部署多个或N个Nginx集群节点,支持导入现有Nginx配置文件让你无忧使用.
Docker
nginxWebUI Docker Hub