2019-09-06 分类：JavaScript 作者：管理员 阅读（2227）
很抱歉网站傍晚岩机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); } |
流程就是，代码仓库向服务器发出指令告诉自己有更新，然后服务器收到指令去拉仓库新的代码，了解流程，再去看任何这类部署，就都是大致相通的。
「三年博客，如果觉得我的文章对您有用，请帮助本站成长」
谢谢你请我吃鸡腿*^_^*
支付宝
微信
上一篇：利用node快速压缩图片、视频(突破某网站单次最多20张限制)
下一篇：超简单将网站内容网页添加水印watermark.js优化版
唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与，主题源码 
文章很不错
评：能让你的vue项目打包速度提升60%+技巧文章很不错 。
评：能让你的vue项目打包速度提升60%+技巧感谢关注哦~
评：唯品秀博客Alt_Blog主题"用户发表文章格式教程 - 完全傻瓜式使用您的主题半个月啦。，感觉非常不错，今天又来吧教程看了一遍。
评：唯品秀博客Alt_Blog主题"用户发表文章格式教程 - 完全傻瓜式并不是箭头函数少了return错了，而是少了个( ，而你所说的使用箭头函数不写return时...
评：js中map方法到底是否会改变原始数组？最后的demo中箭头函数用错了， 你省略return的时候不能换行， 不然得到的是undef...
评：js中map方法到底是否会改变原始数组？
共有 0 - GitHub项目代码提交后自动同步部署到线上服务器