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.xzcd 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/nodeln -s /usr/local/src/node-v16.14.2-linux-x64/bin/npm /usr/bin/npmnode -vnpm -v
  • 创立实现后应用命令查看版本，至此Node.js装置实现。

装置NginxConfig

Node.js装置实现后，就能够开始装置NginxConfig了。
  • 首先下载NginxConfig的安装包，下载地址：https://github.com/digitaloce...

  • 下载实现后解压到指定目录，并应用npm命令装置依赖并运行；
tar -zxvf nginxconfig.io-master.tar.gznpm installnpm run dev
  • NginxConfig运行胜利后就能够间接拜访了，看下界面反对中文还是挺不错的，拜访地址：http://192.168.3.105:8080

应用

接下来咱们就体验下NginxConfig的可视化配置生成性能，看看是不是够弱小！

应用筹备

  • 首先咱们须要装置Nginx，Nginx的装置能够参考之前写的Nginx应用教程 ；
  • 咱们将实现如下性能，通过动态代理拜访在不同目录下的动态网站，通过动静代理来拜访SpringBoot提供的API接口；
# 动态代理，拜访mall文档网站docs.macrozheng.com# 动态代理，拜访mall前端我的项目mall.macrozheng.com# 动静代理，拜访mall线上APIapi.macrozheng.com
  • 须要提前批改下本机host文件。
192.168.3.105 docs.macrozheng.com192.168.3.105 mall.macrozheng.com192.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...