前端使用nginxWebUI管理nginx配置文件

nginxWebUI仓库地址

什么是nginxWebUI

一款nginx网页配置工具，基于springboot的web系统，可以省去自己频繁使用vim/vi来操作nginx配置文件。
可以使用WebUI配置nginx的各项功能, 包括http协议转发, tcp协议转发, 反向代理, 负载均衡, ssl证书自动申请、续签、配置等, 最终生成nginx.conf文件并覆盖nginx的默认配置文件, 完成nginx的最终功能配置.

安装

首先安装nginx

yum install nginx 
或者
apt install nginx

因为是基于springboot项目，我们需要先安装Java环境

sudo apt install openjdk-8-jdk

下载jar包

sudo wget http://www.nginxwebui.cn/download/nginxWebUI-1.9.8.jar

运行

sudo nohup java -jar -Xmx64m nginxWebUI-1.9.8.jar --server.port=8080 --project.home=/home/nginxWebUI/ > /dev/null &

在后台运行

sudo nohup java -jar -Xmx64m nginxWebUI-1.9.8.jar --server.port=8080 --project.home=/home/nginxWebUI/ > /dev/null 2>&1 &

参数说明(都是非必填) -Xmx64m 最大分配内存数
--server.port 占用端口, 默认以8080端口启动
--project.home 项目配置文件目录，存放数据库文件，证书文件，日志等, 默认为/home/nginxWebUI/
注意命令最后加一个&号, 表示项目后台运行

配置nginx

启动nginx

service start nginx

将nginxWebUI项目端口用nginx代理（之后我们其他项目需要配nginx的话就可以在nginxWebUI里面可视化操作配置）

cd /etc/nginx/
sudo vim nginx.conf

配置如下

server {
	listen 80;
    server_name xxx.xxx.com; // 根据你自己的域名解析来，暂时没有的话先填写ip也行
    location / {
    	proxy_pass http://127.0.0.1:8080;
        proxy_set_header Host $host:$server_port; // 设置header，这样nginxWebUI才可以找到资源（html,css等）
    }
}

保存重启

nginx -t
nginx -s reload

第一次启动

打开浏览器输入刚才我们第一次在nginx配置server_name ip/域名访问
第一次登入会要求初始化管理员账户，设置nginx.conf路径, 以及nginx目录（一般在/etc/nginx） 设置完成接下来就可以配置了

举个例子，如何用nginxWebUI配置反向代理（一般前端静态页面用的比较多）

点击左侧菜单-反向代理（server）-添加反向代理 例如：我们现在有这样的一个项目 域名：www.baidu.com
/api代理到本地的1234端口
那么应该像如下图这么配置 它将生成如下配置

server {
  server_name www.baidu.com;
  listen 80;
  location /api {
    proxy_pass http://127.0.0.1:1234;
    proxy_set_header Host $host:$server_port;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
  }
}

接下来我们点击左侧菜单-生成conf-替换文件-重新装载

如果配置没有问题的话会弹窗成功。

这里只是简单介绍一下前端静态页面如何用nginxWebUI快速配置，具体复杂功能请看此项目ReadMe https://gitee.com/cym1102/nginxWebUI

注意：本文归作者所有，未经作者允许，不得转载