Nginx開源可視化配置工具NginxConfig使用教程
前言
Nginx是一款非常流行的Web服務器，作為程序員我相信大家沒少和它打交道。在我使用Nginx的過程中，一直覺得它的配置很麻煩，尤其是在Linux服務器上用vim手擼配置的時候！最近發(fā)現(xiàn)一款開源的Nginx可視化配置工具NginxConfig，能輕松生成Nginx配置，推薦給大家！
SpringBoot實戰(zhàn)電商項目mall（50k+star）地址：
https://github.com/macrozheng/mall
NginxConfig簡介
NginxConfig號稱你唯一需要的Nginx配置工具，可以使用可視化界面來生成Nginx配置，功能非常強大，在Github上已有15K+Star！
下面是NginxConfig使用過程中的一張效果圖，大家可以看下！
安裝
接下來介紹下NginxConfig的安裝，在Linux上安裝它還是比較方便的。
安裝Node.js
由于NginxConfig是一個基于Vue的前端項目，我們首先得安裝Node.js。
首先從官網(wǎng)下載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命令創(chuàng)建軟鏈接；
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
創(chuàng)建完成后使用命令查看版本，至此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使用教程 ；
我們將實現(xiàn)如下功能，通過靜態(tài)代理訪問在不同目錄下的靜態(tài)網(wǎng)站，通過動態(tài)代理來訪問SpringBoot提供的API接口；
# 靜態(tài)代理，訪問mall文檔網(wǎng)站 docs.macrozheng.com # 靜態(tài)代理，訪問mall前端項目 mall.macrozheng.com # 動態(tài)代理，訪問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
文檔網(wǎng)站配置
我們先來配置下mall文檔網(wǎng)站的訪問，域名為：docs.macrozheng.com。
在NginxConfig中選擇好預設為前端，然后修改服務配置，配置好站點、路徑和運行目錄；
不需要HTTPS的話可以選擇不啟用；
然后在全局配置->安全中去除Content-Security-Policy設置；
再修改性能配置，開啟Gzip壓縮，刪除資源有效期限制。
前端網(wǎng)站配置
再來配置下mall前端網(wǎng)站的訪問，域名為：mall.macrozheng.com。
接下來我們再添加一個站點，修改下服務配置即可，其他和上面的基本一致。
API網(wǎng)站配置
最后配置下mall的Swagger API文檔網(wǎng)站的訪問，域名為：api.macrozheng.com。
繼續(xù)添加一個站點，修改服務配置，只需修改站點名稱即可；
然后啟用反向代理并設置，反向代理到線上API；
路由功能暫時不用可以關閉。
使用配置 接下來我們就可以直接下載NginxConfig給我們生成好的配置了；
我們先來看下NginxConfig給我們生成的配置內(nèi)容，這種配置手寫估計要好一會吧；
點擊按鈕下載配置，完成后改個名字，然后上傳到Linux服務器的Nginx配置目錄下，使用如下命令解壓；
tar -zxvf nginxconfig.io.tar.gz
大家可以看到NginxConfig將為我們生成如下配置文件；
接下來將我們之前的mall文檔網(wǎng)站和mall前端網(wǎng)站放到Nginx的html目錄下，然后重啟Nginx就可以查看效果了；
docker restart nginx
先訪問下我們的mall文檔網(wǎng)站，訪問地址：http://docs.macrozheng.com/
在訪問下mall的前端網(wǎng)站，訪問地址：http://mall.macrozheng.com
最后訪問下mall的API文檔網(wǎng)站，訪問地址：http://api.macrozheng.com/swagger-ui.html
總結
體驗了一把NginxConfig的配置生成功能，這種不用手寫配置，直接通過可視化界面來生成配置的方式確實很好用。NginxConfig不愧是配置高性能、安全、穩(wěn)定的NgInx服務器的最簡單方法！
項目地址 https://github.com/digitalocean/nginxconfig.io
以上就是Nginx開源可視化配置工具NginxConfig使用教程的詳細內(nèi)容，更多關于Nginx配置可視化NginxConfig的資料請關注腳本之家其它相關文章！
相關文章
利用nginx+lua+redis實現(xiàn)反向代理方法教程
這篇文章主要給大家介紹了利用nginx+lua+redis實現(xiàn)反向代理方法教程，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-05-05
基于Nginx實現(xiàn)一個灰度上線系統(tǒng)的示例代碼
本文主要介紹了基于Nginx實現(xiàn)一個灰度上線系統(tǒng)的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
這篇文章主要介紹了詳解Nginx服務器之負載均衡策略(6種)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
本文主要介紹了Nginx日志輸出配置json格式,包含log_format和access_log兩種命令,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-07-07
這篇文章主要介紹了Nginx啟用gzip壓縮的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
user用于配置運行Nginx服務器的worker進程的用戶和用戶組,本文主要介紹了nginx全局塊的user指令的實現(xiàn)示例,具有一定的參考價值,感興趣的可以了解一下2024-07-07
Nginx轉發(fā)需求querystring轉寫示例解析
這篇文章主要為大家介紹了Nginx轉發(fā)需求querystring轉寫示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
在Nginx中使用重寫可以通過配置rewrite指令來實現(xiàn),本文主要介紹了Nginx rewrite地址重寫的詳細解析,具有一定的參考價值,感興趣的可以了解一下2024-07-07
Centos系統(tǒng)中如何在指定位置下安裝Nginx
這篇文章主要介紹了Centos系統(tǒng)中如何在指定位置下安裝Nginx，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
這篇文章主要介紹了Nginx跨域使用字體文件的配置方法,使用HttpHeadersModule模塊實現(xiàn),需要的朋友可以參考下2014-06-06