什么是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
注意:本文归作者所有,未经作者允许,不得转载