- 更多内容,请到我的网站
前提
如果你需要用到github的webhooks功能来实现自动部署, 要求:
- 你的项目在github 管理之下
- 有一个服务器, 提供一条api给github, 他在一些event 完成后调用api, 发起POST 请求, 传递一些参数到api上, 而服务器拿到参数后就可以做自己想做的事
接下来, 直接开始, 假如你在github已经拥有项目(还没有的话请自行创建)
添加webhooks
-
如图,Settings > Webbhooks > Add webhooks
webhooks.png
Payload URL
payloadurl.png events.png- 有几个功能要解释一下
- Payload URL: 这条就是给github 帮我们调用的API, 是POST请求
- e.g: https:xxxxx.com/github/push
- Content type: 就是content-type, 可以是 x-www-form/application JSON; 这个看你那条api 怎样处理了.
- Secert: 这个secert, 如果你将
ruby -rsecurerandom -e 'puts SecureRandom.hex(20)
生成的字符填入 secert. 最后call api 时, github 会将它set 在headers 上给你验证是否为: sha256, 简单说是给你验证是否从github 你这个项目调用的. (非必填) - Event: 这个就是要监听github 的什么事件, Push / Create tag 之类的;
- Let me select individual events 还有不少event.
- 我选择的是Branch of tag creation, 正常来说, 我们要处理的是create tag 事件, 打 tag后才需要检查是否要自己部署.
- Active: 简单说你是否需要启用这条webhook
- Payload URL: 这条就是给github 帮我们调用的API, 是POST请求
添加后
-
如图
添加.png
详情
-
点击你添加的webhook, 可进入到详情
详情.png -
SSL verification: 如果是你的网站是api 是https, github 会先验证, 也可以disable
测试webhooks
-
进入详情后, 最底下有
状态.png - 对勾表示成功, 点击某条, 进入详情
Delivery
- 如图, github 调用api 时传入的headers / payload(body)
- Response: 这个是调用Api 的返回, 失败或成功是Api 告诉github 的
- 右边的: Rediliver, 点击后可以再次调用Api, 一般用于超时的失败
- 个人感觉超时会经常发生,可能是在国内的原因
-
具体要怎么做, 就看服务器怎么做了
99.png
关于本地服务器
- 为了方便本地测试, 下载ngrok, 它可以把你帮本地的服务, 转向成https:xxxx, 一条link.
- 建义在开启ngrok 之前, 先用node/java 开启本地服务, 设置好端口
- ngrok
- 下载后, unzip, 得到ngrok, 用它运行以下指令(用本地已经开启的端口), 它会生成的链接
- 根据链接再加上你的 xxxx/xxxx, 就可以设置给github, 方便用于测试
- 本地在代码, 现在测试打Tag提交. 观察github是否会调用API
$ ngrok http 你的端口
API 处理
- 这里简说一下github 调用我们api, 怎么处理, 其实每个人的处理都不一样.
- 我的处理
- 我在服务器建立一个pull/build/deploy 的shell, 最后在api 中执行shell 就可以
- node 环境下执行shell 很简单 (mac)
const childProcess = require('child_process');
childProcess.exec(`bash /.../xxxx.sh`, (error, stdout, stderr) => {
if (error) {
// 失败
} else {
// 成功
}
})
- 现在问题是你怎么判断是否执行shell, 执行哪个
- 我的思路是: 打tag 时会有一个描述, 而github中会把那个描述在body中给到API, 所以拿到Tag 时的描述去做文章(这样的好处是特别灵活, 假如你有不同的shell 要执行, 那我们就可以控制描述去执行)~~具体就不多说, 每个人处理不一样.
- 还有一个问题是关于Secert, 这个你可以不设置, 但一定要在服务器上做好判断, 不github 才能调用那条api, 不是谁都可以调用, 出于安全的种种原因.
至此, webhooks 的介绍完毕
参考
- github webhooks
- ngrok document
- 当然github webhooks 的功能远不止这些, 还可以修改playload 之类的,请查看 Webhook events and payloads
网友评论