当前位置:首页 > 服务端 > 还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~

2022年11月06日 20:40:22服务端10

Nginx是一款非常流行的Web服务器,作为程序员我相信大家没少和它打交道。在我使用Nginx的过程中,一直觉得它的配置很麻烦,尤其是在Linux服务器上用vim手撸配置的时候!最近发现一款开源的Nginx可视化配置工具NginxConfig,能轻松生成Nginx配置,推荐给大家!

SpringBoot实战电商项目mall(50k+star)地址:https://github.com/macrozheng/mall

NginxConfig简介

NginxConfig号称你唯一需要的Nginx配置工具,可以使用可视化界面来生成Nginx配置,功能非常强大,在Github上已有15K+Star

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

下面是NginxConfig使用过程中的一张效果图,大家可以看下!

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

安装

接下来介绍下NginxConfig的安装,在Linux上安装它还是比较方便的。

安装Node.js

由于NginxConfig是一个基于Vue的前端项目,我们首先得安装Node.js

  • 首先从官网下载Node.js的安装包,下载地址:https://nodejs.org/zh-cn/download/

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 下载成功后将安装包解压到/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命令可查看当前安装版本;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 如果想在Linux命令行中直接运行,还需对nodenpm命令创建软链接;
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安装完成。

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

安装NginxConfig

Node.js安装完成后,就可以开始安装NginxConfig了。

  • 首先下载NginxConfig的安装包,下载地址:https://github.com/digitalocean/nginxconfig.io

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 下载完成后解压到指定目录,并使用npm命令安装依赖并运行;
tar -zxvf nginxconfig.io-master.tar.gz
npm install
npm run dev
  • NginxConfig运行成功后就可以直接访问了,看下界面支持中文还是挺不错的,访问地址:http://192.168.3.105:8080

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

使用

接下来我们就体验下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中选择好预设为前端,然后修改服务配置,配置好站点、路径和运行目录;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 不需要HTTPS的话可以选择不启用;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 然后在全局配置->安全中去除Content-Security-Policy设置;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 再修改性能配置,开启Gzip压缩,删除资源有效期限制。

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

前端网站配置

再来配置下mall前端网站的访问,域名为:mall.macrozheng.com。

  • 接下来我们再添加一个站点,修改下服务配置即可,其他和上面的基本一致。

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

API网站配置

最后配置下mall的Swagger API文档网站的访问,域名为:api.macrozheng.com。

  • 继续添加一个站点,修改服务配置,只需修改站点名称即可;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 然后启用反向代理并设置,反向代理到线上API;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 路由功能暂时不用可以关闭。

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

使用配置

  • 接下来我们就可以直接下载NginxConfig给我们生成好的配置了;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 我们先来看下NginxConfig给我们生成的配置内容,这种配置手写估计要好一会吧;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 点击按钮下载配置,完成后改个名字,然后上传到Linux服务器的Nginx配置目录下,使用如下命令解压;
tar -zxvf nginxconfig.io.tar.gz
  • 大家可以看到NginxConfig将为我们生成如下配置文件;

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 接下来将我们之前的mall文档网站和mall前端网站放到Nginx的html目录下,然后重启Nginx就可以查看效果了;
docker restart nginx
  • 先访问下我们的mall文档网站,访问地址:http://docs.macrozheng.com

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 在访问下mall的前端网站,访问地址:http://mall.macrozheng.com

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

  • 最后访问下mall的API文档网站,访问地址:http://api.macrozheng.com/swagger-ui.html

还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~ _ JavaClub全栈架构师技术笔记

总结

体验了一把NginxConfig的配置生成功能,这种不用手写配置,直接通过可视化界面来生成配置的方式确实很好用。NginxConfig不愧是配置高性能、安全、稳定的NgInx服务器的最简单方法!

项目地址

https://github.com/digitalocean/nginxconfig.io

作者:macrozheng
来源链接:https://blog.csdn.net/zhenghongcs/article/details/124420741

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/server/68254.html

标签: Nginx
分享给朋友:

“还在手撸 Nginx 配置?试试这款可视化配置工具吧,功能很强大~” 的相关文章

使用阿里云二级域名申请免费ssl证书 nginx配置https

使用阿里云二级域名申请免费ssl证书 nginx配置https

一、 创建二级域名 登录阿里云控制台,选择域名,显示你的域名列表,选择你需要解析的域名,后面选择解析,添加记录 1.域名列表 2.这个解析 解析二级域名 或者直接使用一级域名 3.申请免费ssl证书 在阿里...

docker安装nginx

docker安装nginx

目录 一、下载nginx镜像 二、查看nginx镜像  三、nginx配置文件挂在到主机 四、启动nginx 六、访问 七、nginx其他命令 一、下载nginx镜像 默认下载最新版本nginx,如需要指定版本ng...

【2022最新Java面试宝典】—— Nginx面试题(23道含答案)

目录 1. 什么是Nginx? 2. 为什么要用Nginx? 3. 为什么Nginx性能这么高? 4. Nginx怎么处理请求的? 5. 什么是...

VUE部署nginx解决跨域问题

VUE部署nginx解决跨域问题

VUE部署nginx解决跨域问题 Vue的代理跨域问题,需要确定的是在开发阶段可以使用,部署到服务器后出现请求失败的问题(404),如下图。 VUE配置的代理...

解决nginx proxy

为什么cookie 会丢失? 比如说一个没有经过代理的地址 : http://127.0.0.1/project cookie_path:/project 如果按照第二种方式代理 那么地址就是 : http://127.0.0.1/proxy_p...

nginx 反向代理web应用将https请求转成http请求时,必须注意事项

通过nginx可以实现将https请求转成http请求。具体方法这里暂且不表。 但有一项配置必须要添加(查看大多数配置均为对此进行提及): proxy_set_header WL-Proxy-SSL true; //weblogic启效 pro...

Java高级架构师(一)第32节:Nginx的进程结构、基本配置

Java高级架构师(一)第32节:Nginx的进程结构、基本配置

核心模块、事件模块、标准Http模块、可选Http模块、邮件模块、第三方模块和补丁。   作者:Mars、少年 来源链接:https://www.cnblogs.com/sunrunzhi/p/102...

windows版本免安装redis, nginx, zookeeper

redis官网:https://redis.io/ windows版本免安装redis下载链接:https://github.com/MSOpenTech/redis/releases   nginx官网:http://nginx.org/ windo...

安装nginx和nginx-gridfs和mongodb

1.安装依赖包: [root@mongo_rs1 ~]# yum -y install pcre-devel openssl-devel zlib-devel git gcc gcc-c++ [root@mongo_rs1 zhuyr]# gi...

nginx 拦截 swagger 登录

随着微服务的也来越多,每个服务都有单独的文档,那么问题来了,怎么把所有文档整合在一起呢 本方法采用服务器拦截的方式进行处理 首先需要在opt 的主目录中 /opt/ 创建一个新文件 htpasswd此文件的书写格式是用户名:密码每行一个账户并且 密码必须使用函数 crypt...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。