Node 自動(dòng)化部署的方法

更新時(shí)間：2017年10月17日 11:38:33 作者：HASIK1

本篇文章主要介紹了Node 自動(dòng)化部署的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

當(dāng)我們?cè)诟碌?Node 項(xiàng)目的時(shí)候，我們需要做以下幾步：

git push 將代碼提交至代碼倉(cāng)庫(kù)
在服務(wù)器中執(zhí)行 git pull 拉取最新代碼
pm2 start 運(yùn)行你的代碼

這樣做固然沒(méi)錯(cuò)，但是一旦項(xiàng)目更新迭代過(guò)快，就需要不斷的重復(fù)著上面的步驟，在各種 bash 面板中來(lái)回切換，很是麻煩。

這時(shí)候，Webhooks 閃亮登場(chǎng)！

對(duì)于 Webhooks， Github 給出的解釋是：

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

簡(jiǎn)單來(lái)說(shuō)，利用 Webhooks，我們就可以實(shí)現(xiàn)網(wǎng)站的自動(dòng)部署，現(xiàn)在就來(lái)看看具體該怎么做

配置腳本

這段腳本內(nèi)容是我們需要服務(wù)器自動(dòng)執(zhí)行的

# autoBuild.sh

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

注：這段腳本將會(huì)自動(dòng)在服務(wù)器中執(zhí)行

編寫(xiě) js 文件執(zhí)行腳本

由于我使用的是 Github 作為代碼倉(cāng)庫(kù)，所以在這里，我們使用 github-Webhooks-handler 這個(gè)庫(kù)來(lái)實(shí)現(xiàn)我們的腳本自動(dòng)執(zhí)行工作

按照文檔，我們按照以下方式來(lái)編寫(xiě) js 文件：

// autoBuild.js
var http = require('http')
var spawn = require('child_process').spawn
var createHandler = require('github-Webhooks-handler')
var handler = createHandler({ path: '/pushCode', secret: '' }) // 在代碼倉(cāng)庫(kù)的 Webhooks 選項(xiàng)處配置
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)
})

// 監(jiān)聽(tīng) 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 ) { // 執(zhí)行 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 中，我們將端口設(shè)置為 3001，在這里代碼就不放出來(lái)了，可以在文末的 Github 鏈接里找到本教程的全部示例代碼

Nginx 配置

由于我們的示例代碼是跑在 3001 端口的，執(zhí)行自動(dòng)化部署的 js 文件則跑在 7777 端口，所以我們需要配置一下 Nginx 來(lái)啟用這兩個(gè)端口：

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

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

這樣一來(lái)，Nginx 就配置完畢了，接下來(lái)就是代碼倉(cāng)庫(kù)的 Webhooks 配置

Webhooks 配置

首先，我們進(jìn)入你想實(shí)現(xiàn)自動(dòng)化部署的倉(cāng)庫(kù)，點(diǎn)擊 settings -> Webhooks 來(lái)配置