GitHub项目代码提交后自动同步部署到线上服务器

2019-09-06 分类：JavaScript 作者：管理员阅读（5506）

很抱歉网站傍晚岩机3个多小时。因为最近看到有瓜娃子在我面前耍帅，说他的项目都不用手动更新就可以直接上线，只要把代码提交到仓库即可，听到这话你能忍么？我忍不了。。。于是我就用脚趾头想了下，大概猜到其原理无非就是提交到git仓库后触发某个监听机制，如果监听代码有更新，通知线上服务器执行脚本拉取代码，我想大概就做这么件事，事实也正是如此，于是傍晚一直通过博客线上服务器直接捣鼓，导致那么一会儿没完全捣鼓好，就岩机了下，好尴尬。。。下面以github项目来讲解具体怎么实现。

找对对应项目仓库

首先我现在GitHub上创建了一个项目，项目创建之后我们需要对该项目设置（Settings），里面有一选项Webhooks，点击进去

服务器配置

最后我们需要在服务器上创建PHP文件（git-webhook.php，可自定义名称）来接收，我博客后台是php语言所以用php实现，这不是重点，重点你要知道流程。

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
32
33
34
35
36
37
38
39

<?php
//git webhook 自动部署脚本
$requestBody = file_get_contents("php://input"); //该方法可以接收post传过来的json字符串
if (empty($requestBody)) { //判断数据是不是空
die('send fail');
}
$content = json_decode($requestBody, true); //数据转换
//若是主分支且提交数大于0
if ($content['ref'] == 'refs/heads/master') {
//PHP函数执行git命令
$res = shell_exec('cd /www/wwwroot/wp-content/themes/Art_Blog/
&& git reset --hard origin/master && git clean -f
&& git pull 2>&1 && git checkout master');

$file = '/www/wwwroot/wp-content/themes/Art_Blog/dist'; //旧目录
$newFile = '/www/wwwroot/wp-content/themes/Art_Blog/'; //新目录
file_copy($file, $newFile);

$res_log = '-------------------------' . PHP_EOL;
$res_log.= ' 在' . date('Y-m-d H:i:s') . '向' . $content['repository']['name']
. '项目的' . $content['ref'] . '分支push' . $res;
//将每次拉取信息追加写入到日志里
file_put_contents("git-webhook.txt", $res_log, FILE_APPEND);
}

function file_copy($src, $dst) {
$dir = opendir($src);
@mkdir($dst);
while (false !== ($file = readdir($dir))) {
if (($file != '.') && ($file != '..')) {
if (is_dir($src . '/' . $file)) {
file_copy($src . '/' . $file, $dst . '/' . $file);
} else {
copy($src . '/' . $file, $dst . '/' . $file);
}
}
}
closedir($dir);
}