使用 GitHub / GitLab 的 Webhooks 進行網站自動化部署


 

老早就想寫這個話題了,今天正好有機會研究了一下 git 的自動化部署。最終做到的效果就是,每當有新的 commit push 到 master 分支的時候,就自動在測試/生產服務器上進行 git pull 拉取最新的代碼,免去了程序猿兼職運維 ssh 上去拉代碼部署的重復性工作。我們也要 Agile development 不是?什么敏捷開發啊,極限編程啊,快速迭代啊,持續集成啊,精益創業啊,口號怎么高端怎么來,最后就是寫了個自動化腳本……

 

一、自動化部署腳本

首先要保證要部署的 Web 目錄就是 git clone 下來的一個 repository。這樣 rollback 也方便,直接 checkout 某一個歷史版本就好。

很簡單地寫了個 shell 腳本 deploy.sh

#!/bin/bash
 
WEB_PATH='/var/www/dev.lovelucy.info' WEB_USER='lovelucydev' WEB_USERGROUP='lovelucydev'   echo "Start deployment" cd $WEB_PATH echo "pulling source code..." git reset --hard origin/master git clean -f git pull git checkout master echo "changing permissions..." chown -R $WEB_USER:$WEB_USERGROUP $WEB_PATH echo "Finished."

下面要做的就是每當有 push 的時候就自動調用這個腳本。

二、監聽 Web Hooks

GitHub 和 GitLab 本身都支持 Webhooks 的設定

github-webhooks

gitlab-webhooks

那個 Payload URL 上填上需要部署到的服務器的網址,比方說 http://dev.lovelucy.info/incoming。然后之后每次有 push 事件 GitHub 都會主動往這個地址發送一個 POST 請求,當然你也可以選擇任何事件都發個 POST 通知你。GitHub 還有個 Secret 的設定,就是一個字符串,如果加上的話就在 POST 請求的 HTTP 頭中會帶一個 Hash 值做驗證密文,證明這個 POST 真是來自 GitHub,不然任何人都往那個地址 POST 忽悠你你都不知道誰是誰對吧……

然后我們就要寫一個腳本在 http://dev.lovelucy.info/incoming 這里接受 POST 請求了。因為本人機器上跑的是 node,俺就找了個 nodejs 的中間件 github-webhook-handler 。如果你要部署的是 PHP 網站,那你應該找一個世界上最好的語言 PHP 的版本,或者自己寫一個,只需要接收 $_POST 嘛,好簡單的,不多廢話啦。么么噠 ( • ̀ω•́ )

$ npm install -g github-webhook-handler

鑒於在天朝的服務器上 npm 拉 repo 比拉屎還難的狀況,我們可以 選用 阿里的鏡像,據說 10 分鍾和官方同步一次。_(:3 」∠ )_

$ npm install -g cnpm --registry=http://r.cnpmjs.org $ cnpm install -g github-webhook-handler

好了,萬事俱備,下面是 NodeJS 的監聽程序 deploy.js

var http = require('http') var createHandler = require('github-webhook-handler') var handler = createHandler({ path: '/incoming', secret: 'myHashSecret' }) // 上面的 secret 保持和 GitHub 后台設置的一致   function run_cmd(cmd, args, callback) { var spawn = require('child_process').spawn; var child = spawn(cmd, args); var resp = "";   child.stdout.on('data', function(buffer) { resp += buffer.toString(); }); child.stdout.on('end', function() { callback (resp) }); }   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) })   handler.on('push', function (event) { console.log('Received a push event for %s to %s', event.payload.repository.name, event.payload.ref); run_cmd('sh', ['./deploy-dev.sh'], function(text){ console.log(text) }); })   /* handler.on('issues', function (event) { console.log('Received an issue event for % action=%s: #%d %s', event.payload.repository.name, event.payload.action, event.payload.issue.number, event.payload.issue.title) }) */

於是直接就可以跑起來了

$ nodejs deploy.js

當然為了防止 NodeJS 自己掛掉,我們可以啟用進程管理服務 forever,它類似 python 里面的 supervisor。

$ cnpm install -g forever $ forever start deploy.js

這樣就算這段 NodeJS 代碼某處出錯掛了,它也會自動重新啟動一個進程,保證服務仍可用。forever 的幾個命令還是蠻簡單的

$ forever list
$ forever stop 1
$ forever restartall

上面的 NodeJS 將 Web 服務跑在了 7777 端口,我們可以用 Nginx 反向代理到 80 端口(可選)

server {
    listen 80;
    server_name dev.lovelucy.info;

    # ...

    location / {
        # ...
    }

    location /incoming$ {
        proxy_pass http://127.0.0.1:7777;
    }
}

三、集成第三方 Service

注意到 GitHub 項目后台還有個 Service 的 tab 沒?

github-service

這是 GitHub 官方集成的大量的第三方服務,有點類似 IFTTT 的節奏,能做的事情就很多了。比如我設定了如果有人 push 代碼,就在我們 hipchat 內部聊天群里發一個通知;如果有人提 issue,就自動給他回一封 welcome 的郵件……

GitLab 也有這些,更多玩法還是自己去鑽研吧~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM