Node 自動化部署的方法

2019-11-19 15:09:21

字體：大中小

來源：轉載

供稿：網友

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

git push 將代碼提交至代碼倉庫
在服務器中執行 git pull 拉取最新代碼
pm2 start 運行你的代碼

這樣做固然沒錯，但是一旦項目更新迭代過快，就需要不斷的重復著上面的步驟，在各種 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/bashgit reset --hard origin/mastergit clean -fgit pullnpm start

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

編寫 js 文件執行腳本

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

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

// autoBuild.jsvar http = require('http')var spawn = require('child_process').spawnvar createHandler = require('github-Webhooks-handler')var handler = createHandler({ path: '/pushCode', secret: '' }) // 在代碼倉庫的 Webhooks 選項處配置http.createServer(function (req, res) { handler(req, res, function (err) {  res.statusCode = 404;  res.end('no such location') })}).listen(7777)handler.on('error', function (err) { console.error('Error:', err.message)})// 監聽 push 事件handler.on('push', function (event) { console.log('Received a push event for %s to %s',  event.payload.repository.name,  event.payload.ref) rumCommand('sh', ['./autoBuild.sh'], function( txt ) { // 執行 autoBuild.sh 腳本文件  console.log(txt) })})function rumCommand( cmd, args, callback ) {  var child = spawn( cmd, args )  var response = ''  child.stdout.on('data', function( buffer ){ response += buffer.toString(); })  child.stdout.on('end', function(){ callback( response ) })}

在 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 來配置