Hi~ Darling!

Hexo使用Webhooks构建自动部署程序

Hexo使用Webhooks构建自动部署程序

虽然hexo为了简化发布流程已经有了直接部署到云服务器上的插件,但是我还是觉得有点麻烦并且效率不太好。(说白了就是懒)

  1. 部署和提交代码分为两步(代码不交给云托管的当我没说🌚)
  2. 每次deploy都是在本地生成好静态文件上传到服务器(效率低下)

如何解决这两个问题?我最终选择使用webhook来实现自动化部署。

使用Jenkins一类的工具也可,但是如果是一个简单的项目或者是个人项目使用Jenkins就显得太重了,我们用hexo做博客无非就是图个轻量级。

什么是webhooks

准确的说webhooks是一种web回调或者http的push API,是向APP或者其他应用提供实时信息的一种方式。webhooks在数据产生时立即发送数据,也就是你能实时收到数据。这一种不同于典型的API,需要用了实时性需要足够快的轮询。这无论是对生产还是对消费者都是高效的,唯一的缺点是初始建立困难。

webhooks有时也被称为反向API,因为他提供了API规则,你需要设计要使用的API。Webhook将向你的应用发起http请求,典型的是post请求,应用程序由请求驱动。

部署服务环境需要:GitNode

部署架构

假装有图

Github Webhooks

配置Webhooks

GitHub Hooks 配置

安装github-webhook-handler

1
npm install github-webhook-handler --save

编写监听服务(node构建)

1
vim webhooks.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var http = require('http')
var createHandler = require('github-webhook-handler')
var handler = createHandler({ path: '/', secret: '和在gihub中设置的secret一致' })

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) });
}
handler.on('error', function (err) {
console.error('Error:', err.message)
})
// GitHub
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.sh',event.payload.repository.name], function(text){ console.log(text) });
})
try {
http.createServer(function (req, res) {
handler(req, res, function (err) {
res.statusCode = 404
res.end('no such location')
})
}).listen(8811)
}catch(err){
console.error('Error:', err.message)
}

Gitee Webhooks

配置Webhooks

Gitee Webhooks配置

安装github-webhook-handler

1
npm install gitee-webhook-handler --save

编写监听服务(node构建)

1
vim webhooks.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
var http = require('http')
var createHandler = require('gitee-webhook-handler')
var handler = createHandler({ path: '/', secret: '和gitee中设置的密码一致' })

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) });
}
handler.on('error', function (err) {
console.error('Error:', err.message)
})
// Gitee
handler.on('Push Hook', function (event) {
console.log('Received a push event for %s to %s',
event.payload.repository.name,
event.payload.ref);
run_cmd('sh', ['./deploy.sh'], function(text){ console.log(text) });
})
try {
http.createServer(function (req, res) {
handler(req, res, function (err) {
res.statusCode = 404
res.end('no such location')
})
}).listen(8811)
}catch(err){
console.error('Error:', err.message)
}

编写Shell脚本

1
vim deploy.sh
1
2
3
4
5
6
7
8
9
10
11
12
13
BLOG_PATH="/data/hexoblog"
STATIC_SITE="/www/wwwroot/hexoblog"
echo "======================================"
echo "script: cd $BLOG_PATH"
cd $BLOG_PATH
echo "script: git pull gitee master..."
git pull gitee master
echo "script: hexo clean..."
hexo clean
echo "script: hexo g..."
hexo g
echo "script: cp -r $BLOG_PATH/public/* $STATIC_SITE..."
cp -r $BLOG_PATH/public/* $STATIC_SITE

安装pm2

1
npm i pm2 -g

运行webhooks.js

1
pm2 start webhook.js

查看运行状态:pm2 status serviceA

停止运行:pm2 stop serviceA

查看日志:pm2 logs

本地push代码测试

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×