乐趣区

关于java:还在手撸-Nginx-配置试试这款可视化配置工具吧真心强大

jiezi

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 dev
  • NginxConfig运行胜利后就能够间接拜访了，看下界面反对中文还是挺不错的，拜访地址：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…

退出移动版