共计 2391 个字符，预计需要花费 6 分钟才能阅读完成。
Nginx 是一款十分风行的 Web 服务器，作为程序员我置信大家没少和它打交道。在我应用 Nginx 的过程中，始终感觉它的配置很麻烦，尤其是在 Linux 服务器上用 vim 手撸配置的时候！最近发现一款开源的 Nginx 可视化配置工具
NginxConfig，能轻松生成 Nginx 配置，举荐给大家！
SpringBoot 实战电商我的项目 mall（50k+star）地址：https://github.com/macrozheng/mall
NginxConfig 简介
NginxConfig号称 你惟一须要的 Nginx 配置工具，能够应用可视化界面来生成 Nginx 配置，性能十分弱小，在 Github 上已有15K+Star！
上面是 NginxConfig 应用过程中的一张效果图，大家能够看下！
装置
接下来介绍下
NginxConfig的装置，在 Linux 上装置它还是比拟不便的。
装置 Node.js
因为
NginxConfig是一个基于 Vue 的前端我的项目，咱们首先得装置Node.js。
- 首先从官网下载
Node.js的安装包，下载地址：https://nodejs.org/zh-cn/down…
- 下载胜利后将安装包解压到
/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命令可查看以后装置版本；
- 如果想在 Linux 命令行中间接运行，还需对
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装置实现。
装置 NginxConfig
Node.js装置实现后，就能够开始装置NginxConfig了。
- 首先下载
NginxConfig的安装包，下载地址：https://github.com/digitaloce…
- 下载实现后解压到指定目录，并应用
npm命令装置依赖并运行；
tar -zxvf nginxconfig.io-master.tar.gz
npm install
npm run devNginxConfig运行胜利后就能够间接拜访了，看下界面反对中文还是挺不错的，拜访地址：http://192.168.3.105:8080
应用
接下来咱们就体验下
NginxConfig的可视化配置生成性能，看看是不是够弱小！
应用筹备
- 首先咱们须要装置 Nginx，Nginx 的装置能够参考之前写的 Nginx 应用教程；
- 咱们将实现如下性能，通过动态代理拜访在不同目录下的动态网站，通过动静代理来拜访 SpringBoot 提供的 API 接口；
# 动态代理，拜访 mall 文档网站
docs.macrozheng.com
# 动态代理，拜访 mall 前端我的项目
mall.macrozheng.com
# 动静代理，拜访 mall 线上 API
api.macrozheng.com- 须要提前批改下本机 host 文件。
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中抉择好预设为前端，而后批改服务配置，配置好站点、门路和运行目录；
- 不须要 HTTPS 的话能够抉择不启用；
- 而后在
全局配置 -> 平安中去除Content-Security-Policy设置；
- 再批改
性能配置，开启 Gzip 压缩，删除资源有效期限度。
前端网站配置
再来配置下 mall 前端网站的拜访，域名为：mall.macrozheng.com。
- 接下来咱们再增加一个站点，批改下服务配置即可，其余和下面的基本一致。
API 网站配置
最初配置下 mall 的 Swagger API 文档网站的拜访，域名为：api.macrozheng.com。
- 持续增加一个站点，批改服务配置，只需批改站点名称即可；
- 而后启用反向代理并设置，反向代理到线上 API；
- 路由性能临时不必能够敞开。
应用配置
- 接下来咱们就能够间接下载
NginxConfig给咱们生成好的配置了；
- 咱们先来看下
NginxConfig给咱们生成的配置内容，这种配置手写预计要好一会吧；
- 点击按钮下载配置，实现后改个名字，而后上传到 Linux 服务器的 Nginx 配置目录下，应用如下命令解压；
tar -zxvf nginxconfig.io.tar.gz- 大家能够看到
NginxConfig将为咱们生成如下配置文件；
- 接下来将咱们之前的 mall 文档网站和 mall 前端网站放到 Nginx 的 html 目录下，而后重启 Nginx 就能够查看成果了；
docker restart nginx- 先拜访下咱们的 mall 文档网站，拜访地址：http://docs.macrozheng.com
- 在拜访下 mall 的前端网站，拜访地址：http://mall.macrozheng.com
- 最初拜访下 mall 的 API 文档网站，拜访地址：http://api.macrozheng.com/swa…
总结
体验了一把 NginxConfig 的配置生成性能，这种不必手写配置，间接通过可视化界面来生成配置的形式的确很好用。NginxConfig不愧是配置高性能、平安、稳固的 NgInx 服务器的最简略办法！
我的项目地址
https://github.com/digitaloce…
