Nginx是一款非常流行的Web服务器,作为程序员我相信大家没少和它打交道。在我使用Nginx的过程中,一直觉得它的配置很麻烦,尤其是在Linux服务器上用vim手撸配置的时候!最近发现一款开源的Nginx可视化配置工具
NginxConfig
,能轻松生成Nginx配置,推荐给大家!
NginxConfig
号称你唯一需要的Nginx配置工具,可以使用可视化界面来生成Nginx配置,功能非常强大,在Github上已有15K+Star
!
下面是NginxConfig使用过程中的一张效果图,大家可以看下!
接下来介绍下
NginxConfig
的安装,在Linux上安装它还是比较方便的。
由于
NginxConfig
是一个基于Vue的前端项目,我们首先得安装Node.js
。
Node.js
的安装包,下载地址:https://nodejs.org/zh-cn/download//usr/local/src/
目录下,使用如下命令即可;cd /usr/local/src/
tar xf node-v16.14.2-linux-x64.tar.xz
cd node-v16.14.2-linux-x64/
./bin/node -v
./bin/node -v
命令可查看当前安装版本;node
和npm
命令创建软链接;ln -s /usr/local/src/node-v16.14.2-linux-x64/bin/node /usr/bin/node
ln -s /usr/local/src/node-v16.14.2-linux-x64/bin/npm /usr/bin/npm
node -v
npm -v
Node.js
安装完成。
Node.js
安装完成后,就可以开始安装NginxConfig
了。
NginxConfig
的安装包,下载地址:https://github.com/digitalocean/nginxconfig.ionpm
命令安装依赖并运行;tar -zxvf nginxconfig.io-master.tar.gz
npm install
npm run dev
NginxConfig
运行成功后就可以直接访问了,看下界面支持中文还是挺不错的,访问地址:http://192.168.3.105:8080接下来我们就体验下
NginxConfig
的可视化配置生成功能,看看是不是够强大!
# 静态代理,访问mall文档网站
docs.macrozheng.com
# 静态代理,访问mall前端项目
mall.macrozheng.com
# 动态代理,访问mall线上API
api.macrozheng.com
192.168.3.105 docs.macrozheng.com
192.168.3.105 mall.macrozheng.com
192.168.3.105 api.macrozheng.com
我们先来配置下mall文档网站的访问,域名为:docs.macrozheng.com。
NginxConfig
中选择好预设
为前端,然后修改服务配置,配置好站点、路径和运行目录;全局配置->安全
中去除Content-Security-Policy
设置;性能
配置,开启Gzip压缩,删除资源有效期限制。再来配置下mall前端网站的访问,域名为:mall.macrozheng.com。
最后配置下mall的Swagger API文档网站的访问,域名为:api.macrozheng.com。
NginxConfig
给我们生成好的配置了;NginxConfig
给我们生成的配置内容,这种配置手写估计要好一会吧;tar -zxvf nginxconfig.io.tar.gz
NginxConfig
将为我们生成如下配置文件;docker restart nginx
体验了一把NginxConfig
的配置生成功能,这种不用手写配置,直接通过可视化界面来生成配置的方式确实很好用。NginxConfig
不愧是配置高性能、安全、稳定的NgInx服务器的最简单方法!
https://github.com/digitalocean/nginxconfig.io