加载中... 前端使用nginxWebUI管理nginx配置文件 - semyin's blog
83°

前端使用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)-添加反向代理 1点击菜单.png 例如:我们现在有这样的一个项目 域名:www.baidu.com
/api代理到本地的1234端口
那么应该像如下图这么配置 2配置.png 它将生成如下配置

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-替换文件-重新装载 微信截图_20200911155400.png

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

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


已有 0 条评论

    我有话说: