mall学习教程官网：macrozheng.com
Nginx是一款非常流行的Web服务器，作为程序员我相信大家没少和它打交道。在我使用Nginx的过程中，一直觉得它的配置很麻烦，尤其是在Linux服务器上用vim手撸配置的时候！最近发现一款开源的Nginx可视化配置工具NginxConfig，能轻松生成Nginx配置，推荐给大家！
NginxConfig简介
NginxConfig号称你唯一需要的Nginx配置工具，可以使用可视化界面来生成Nginx配置，功能非常强大，在Github上已有27K+Star！
下面是NginxConfig使用过程中的一张效果图，大家可以看下！
安装
接下来介绍下NginxConfig的安装，在Linux上安装它还是比较方便的。
安装Node.js
由于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命令可查看当前安装版本；
- 如果想在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安装完成。
这或许是一个对你有用的开源项目，mall项目是一套基于 SpringBoot3 + JDK 17 + Vue 实现的电商系统（Github标星60K），采用Docker容器化部署，后端支持多模块和微服务架构。包括前台商城项目和后台管理系统，能支持完整的订单流程！涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能！
- Boot项目：https://github.com/macrozheng/mall
- Cloud项目：https://github.com/macrozheng/mall-swarm
- 视频教程：https://www.macrozheng.com/video/
项目演示：
安装NginxConfig
Node.js安装完成后，就可以开始安装NginxConfig了。
- 首先下载
NginxConfig的安装包，下载地址：https://github.com/digitalocean/nginxconfig.io
- 下载完成后解压到指定目录，并使用
npm命令安装依赖并运行；
tar -zxvf nginxconfig.io-master.tar.gz
npm install
npm run dev
NginxConfig运行成功后就可以直接访问了，看下界面支持中文还是挺不错的，访问地址：http://192.168.3.105:8080
使用
接下来我们就体验下NginxConfig的可视化配置生成功能，看看是不是够强大！
使用准备
首先我们需要安装Nginx，Nginx的安装这里就不在赘述了，大家选择适合自己的安装方法就可以了；
我们将实现如下功能，通过静态代理访问在不同目录下的静态网站，通过动态代理来访问SpringBoot提供的API接口；
# 静态代理，访问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。
- 接下来我们再添加一个站点，修改下服务配置即可，其他和上面的基本一致。
API网站配置
最后配置下mall的Swagger API文档网站的访问，域名为：api.macrozheng.com。
- 继续添加一个站点，修改服务配置，只需修改站点名称即可；
使用配置
- 接下来我们就可以直接下载
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/swagger-ui.html
总结
体验了一把NginxConfig的配置生成功能，这种不用手写配置，直接通过可视化界面来生成配置的方式确实很好用。NginxConfig不愧是配置高性能、安全、稳定的NgInx服务器的最简单方法！
项目地址
https://github.com/digitalocean/nginxconfig.io
Github上标星60K的电商实战项目mall，全套 视频教程（2023最新版） 已更新完毕！全套教程约40小时，共113期，通过这套教程你可以拥有一个涵盖主流Java技术栈的完整项目经验，同时提高自己独立开发一个项目的能力，下面是项目的整体架构图，感兴趣的小伙伴可以点击链接 mall视频教程 加入学习。
整套 视频教程 的内容还是非常完善的，涵盖了mall项目最佳学习路线、整体框架搭建、业务与技术实现全方位解析、线上Docker环境部署、微服务项目学习等内容，你也可以点击链接 mall视频教程 了解更多内容。
推荐阅读
