nginxWebUI ：nginx网页配置工具---实践

官网：nginxWebUI

nginx的可视化配置管理工具，最近发现迭代了新版本，安装体验了一下。

nginxWebUI 简介

本项目可以使用WebUI配置nginx的各项功能, 包括http协议转发, tcp协议转发, 反向代理, 负载均衡, ssl证书自动申请、续签、配置等, 最终生成nginx.conf文件并覆盖nginx的默认配置文件, 完成nginx的最终功能配置。

支持nginx服务器集群批量管理, 可批量发送配置文件, 批量执行重启和重载入的命令。

部署此项目后, 配置nginx再也不用上网各种搜索, 再也不用手动申请和配置ssl证书, 再也不用为了配多个nginx登录n遍服务器了, 只需要在本项目中进行增删改查就可方便的配置nginx和服务器集群。

nginx本身功能复杂, 本项目并不能涵盖nginx所有功能, 但支持配置的功能已经涵盖90%的nginx使用, 更高级的功能配置可根据需要在最终生成的nginx.conf中进行手动编写。

技术说明

本项目是基于springBoot的web系统, 数据库使用sqlite, 因此服务器上不需要安装任何数据库.

其中orm使用了本人自己开源的sqlHelper项目作为orm, 使用sqlite作为数据库, 项目启动时会释放一个.sqlite.db到系统用户文件夹中, 注意进行备份 .

本系统支持在系统内通过Let's encrypt申请和续签证书, 使用acme.sh脚本进行自动化申请, 开启续签的证书将在每天凌晨2点进行续签, 只有超过60天的证书才会进行续签. acme.sh只支持linux, 因此只能在linux中进行证书申请

部署说明

本项目推荐使用docker进行部署, 提供一个集成了nginx与nginxWebUI的docker镜像, 可一体化运行与管理nginx, 更方便更安全更独立。

//拉取镜像
docker pull registry.cn-hangzhou.aliyuncs.com/cym1102/nginxwebui:1.2.1
或
docker pull cym1102/nginxwebui:latest

//启动容器
docker run -itd --net=host registry.cn-hangzhou.aliyuncs.com/cym1102/nginxwebui:1.2.1
或
docker run -itd -v /home/nginxWebUI:/home/nginxWebUI -e BOOT_OPTIONS="--server.port=8080" --privileged=true --net=host  cym1102/nginxwebui:latest /bin/bash

注意：

1. 启动容器时请使用--net=host参数, 直接映射本机端口, 因为内部nginx可能使用任意一个端口, 所以必须映射本机所有端口.

2. 容器需要映射路径/home/nginxWebUI:/home/nginxWebUI, 此路径下存放项目所有数据文件, 包括数据库, nginx配置文件, 日志, 证书等, 升级镜像时, 此目录可保证项目数据不丢失. 请注意备份.

3. -e BOOT_OPTIONS 参数可填充java启动参数, 可以靠此项参数修改端口号

4. 日志默认存放在/home/nginxWebUI/log/nginxWebUI.log

   --server.port 占用端口, 不填默认以8080端口启动
   

另: 使用docker-compose时配置文件如下：

version: "3.2"
services:
  nginxWebUi-server:
    image: cym1102/nginxwebui:2.7.1
    volumes:
      - type: bind
        source: "/home/nginxWebUI"
        target: "/home/nginxWebUI"
    environment:
      BOOT_OPTIONS: "--server.port=8080"
    privileged: true
    network_mode: "host"

安装

拉取镜像

docker pull cym1102/nginxwebui:latest

image-20210929111145773

启动容器

docker run -itd -v /home/nginxWebUI:/home/nginxWebUI -e BOOT_OPTIONS="--server.port=8082" --privileged=true --net=host  cym1102/nginxwebui:latest /bin/bash

image-20210929111345389

--server.port 占用端口, 不填默认以8080端口启动，可自定义，我这边取的是8082

服务器添加安全组，以阿里云为例：先添加安全组：

image-20210929112354960

页面打开

http://你的ip:8082

进入初始化页面设置账号密码：

image-20210929113044062

登陆后：

image-20210929113551554

image-20210929113422869

在控制台可以：

1. 监控服务器配置信息和使用情况。

2. 可远程配置其他的服务器。

3. 配置Stream参数、反向代理。负载均衡

4. 可在此后台上传静态页面文件，例如前端开发人员可直接在此上传dist包了。

5. 也可配置nginx的各项功能, 包括http协议转发, tcp协议转发, 反向代理, 负载均衡, ssl证书自动申请、续签、配置等, 最终生成nginx.conf文件并覆盖nginx的默认配置文件, 完成nginx的最终功能配置。

6. 支持nginx服务器集群批量管理, 可批量发送配置文件, 批量执行重启和重载入的命令。

7. 部署此项目后, 配置nginx再也不用上网各种搜索, 再也不用手动申请和配置ssl证书, 再也不用为了配多个nginx登录n遍服务器了, 只需要在本项目中进行增删改查就可方便的配置nginx和服务器集群。

8. 查看nginx日志。

9. 数据的导出、导入。

   演示地址: http://154.31.21.178:8080
   用户名: admin
   密码: Admin123
   

有兴趣的小伙伴大可一试！