當我們在更新迭代 Node 項目的時候，我們需要做以下幾步：

這樣做固然沒錯，但是一旦項目更新迭代過快，就需要不斷的重復著上面的步驟，在各種 bash 面板中來回切換，很是麻煩。

這時候，Webhooks 閃亮登場！

對于 Webhooks， Github 給出的解釋是：

Webhooks allow you to build or set up integrations which subscribe to certain events on GitHub.com.

簡單來說，利用 Webhooks，我們就可以實現網站的自動部署，現在就來看看具體該怎么做

配置腳本

這段腳本內容是我們需要服務器自動執行的

# autoBuild.sh

#! /bin/bash
git reset --hard origin/master
git clean -f
git pull
npm start

注：這段腳本將會自動在服務器中執行

編寫 js 文件執行腳本

由于我使用的是 Github 作為代碼倉庫，所以在這里，我們使用 github-Webhooks-handler 這個庫來實現我們的腳本自動執行工作

按照文檔，我們按照以下方式來編寫 js 文件：

在 app.js 中，我們將端口設置為 3001，在這里代碼就不放出來了，可以在文末的 Github 鏈接里找到本教程的全部示例代碼

Nginx 配置

由于我們的示例代碼是跑在 3001 端口的，執行自動化部署的 js 文件則跑在 7777 端口，所以我們需要配置一下 Nginx 來啟用這兩個端口：

# 啟用 7777 端口
server {
 listen 7777;
 listen [::]:7777
 server_name huangxizhou.com; #在這里填上你自己的服務器 ip 地址或者域名
 
 root /var/www/html/auto-build;
}

# 啟用 3001 端口
server {
 listen 3001;
 listen [::]:3001
 server_name huangxizhou.com; #在這里填上你自己的服務器 ip 地址或者域名
 
 root /var/www/html/auto-build;
}

這樣一來，Nginx 就配置完畢了，接下來就是代碼倉庫的 Webhooks 配置

Webhooks 配置

首先，我們進入你想實現自動化部署的倉庫，點擊 settings -> Webhooks 來配置

在右側，就是配置你的接口地址以及 Secret，對應之前的 js 文件里面的 Secret，選擇 Content type 為 application/json

初始化項目

第一次部署項目，還是需要我們自己手動操作的。

首先提交代碼至代碼倉庫（這里是Github），然后進入服務器執行 git pull

這樣，我們就成功部署了我們 Node 實現自動部署的代碼了

讓我們修改代碼來試試效果怎么樣

git push 之后轉到服務器內一看，完美，成功運行

再看看 Github

已經自動觸發了接口，Node 自動化部署成功

最后

此技術不僅僅局限于 Node

局限性也是有的，只能單項目自動化部署，且必須依賴代碼倉庫

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com