当前位置:首页 > 技术文章 > 正文内容

还在手撸 Nginx 配置?试试这款可视化配置工具吧,真心强大

arlanguage3个月前 (01-20)技术文章26

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

NginxConfig简介

NginxConfig号称你唯一需要的Nginx配置工具,可以使用可视化界面来生成Nginx配置,功能非常强大,在Github上已有15K+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命令行中直接运行,还需对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安装完成。

安装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的安装可以参考之前写的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/swagger-ui.html

总结

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

项目地址

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

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/973.html

标签: 腾讯 nginx
分享给朋友:

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

Nginx配置文件详解

Nginx配置文件详解Nginx是一款面向性能设计的HTTP服务器,相较于Apache、lighttpd具有占有内存少,稳定性高等优势。######Nginx配置文件nginx.conf中文详解##### #定义Nginx运行的用户和用户组 user www www; #nginx进程数,建议设...

logstash+ES+kibana搭建日志收集分析系统

日志监控和分析在保障业务稳定运行时,起到了很重要的作用,不过一般情况下日志都分散在各个生产服务器,且开发人员无法登陆生产服务器,这时候就需要一个集中式的日志收集装置,对日志中的关键字进行监控,触发异常时进行报警,并且开发人员能够查看相关日志。logstash+elasticsearch+kibana...

nginx配置集群 -websocket

nginx配置集群 -websocket前几天做一个nginx的反向代理,来代理websocket。因为上线时间的问题,所以是单节点运行。现在准备做集群优化,然后上容器环境。这样就需要配置nginx的负载均衡。不废话了,下面是配置文件。当然配置后需要验证,验证的时候会出现很多奇怪的问题。这里就不进行...

Nginx如何实现四层负载均衡

静态负载均衡Nginx的四层静态负载均衡需要启用ngx_stream_core_module模块,默认情况下,ngx_stream_core_module是没有启用的,需要在安装Nginx时,添加--with-stream配置参数启用,如下所示。./configure --prefix=/usr/l...

高端Linux 脚本很有用,赶紧学起来!

Linux 脚本?准确的说叫 Linux Shell 脚本,Shell 脚本是一种被设计用来运行命令行解释器,他是 Linux 系统的一大特色之一。命令行是 Linux 系统中一种非常重要的交互方式,而它的实现基于 Linux 内核和 Shell 程序,为用户提供了强大和灵活的操作方式。使用 Lin...

基于Docker一键LNMP(Nginx+MySQL+PHP7/5+Redis)安装程序

一键部署LNMP环境的目的,该环境特点:完全开源支持多版本PHP切换(PHP5.4、PHP5.6、PHP7.2...)支持绑定任意多个域名支持HTTPS和HTTP/2PHP源代码位于host中MySQL data位于host中所有配置文件可在host中直接修改所有日志文件可在host中直接查看内置完...