Nginxは非常に人気のあるWebサーバーであり、プログラマーとして、多くの人がNginxを扱っていると思います。Nginxを使用する過程で、特にLinuxサーバーでvimを使用して手動で構成する場合は、構成が非常に面倒だと常に感じています。最近
NginxConfig、Nginx構成を簡単に生成できるオープンソースのNginxビジュアル構成ツールを見つけました。みんなにお勧めします！
SpringBootの実際のeコマースプロジェクトモール（50k + star）アドレス：github.com/macrozheng/…
NginxConfigの概要
NginxConfigこれは、必要な唯一のNginx構成ツールと呼ばれます。ビジュアルインターフェイスを使用してNginx構成を生成できます。この機能は非常に強力で、Githubですでに利用可能です15K+Star。
以下は、NginxConfigの使用のレンダリングです。ご覧ください。
インストール
次に説明
NginxConfigするインストールでは、Linuxにインストールする方が便利です。
Node.jsをインストールします
これ
NginxConfigはVueベースのフロントエンドプロジェクトであるため、最初にインストールする必要がありNode.jsます。
- まず、公式Webサイトからインストールパッケージをダウンロードし
Node.jsます。ダウンロードアドレス：nodejs.org/zh-cn/downl…
- ダウンロードが成功したら、インストールパッケージを
/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的安装包，下载地址：github.com/digitalocea…
- 下载完成后解压到指定目录，并使用
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网站配置
最後に、モールのSwaggerAPIドキュメントWebサイトへのアクセスを構成します。ドメイン名はapi.macrozheng.comです。
- 引き続きサイトを追加し、サービス構成を変更し、サイト名を変更するだけです。
- 次に、リバースプロキシを有効にして、リバースプロキシをオンラインAPIに設定します。
- 一時的に使用しない場合は、ルーティング機能をオフにすることができます。
構成を使用する
NginxConfig次に、生成された構成を直接ダウンロードできます。
- まず、生成された構成コンテンツを見てみましょう
NginxConfig。この構成は、手書きの方が優れていると推定されます。
- ボタンをクリックして構成をダウンロードし、完了後に名前を変更してから、LinuxサーバーのNginx構成ディレクトリにアップロードし、次のコマンドを使用して解凍します。
tar -zxvf nginxconfig.io.tar.gz
复制代码NginxConfig次の構成ファイルが生成されることがわかります。
- 次に、以前のモールドキュメントWebサイトとモールフロントエンドWebサイトをNginxのhtmlディレクトリに配置し、Nginxを再起動して効果を確認します。
docker restart nginx
复制代码- まず、モールのドキュメントWebサイトにアクセスし、アドレスにアクセスします：docs.macrozheng.com
- モールのフロントエンドWebサイトにアクセスした後、次のアドレスにアクセスします：mall.macrozheng.com
- 最後に、モールのAPIドキュメントWebサイトにアクセスし、アドレスapi.macrozheng.com/swagger-ui.…にアクセスします。
要約する
NginxConfig私はいくつかの構成生成機能を経験しました。手書きの構成なしでビジュアルインターフェイスを介して直接構成を生成するこの方法は非常に便利です。NginxConfigこれは、高性能で安全で安定したNgInxサーバーを構成する最も簡単な方法です。