Github + Netlify + IFTTT(Webhook) + LINE でデプロイ成功通知をLINEで受け取る

なぜしたのか

NetlifyのSlack or メールでのデプロイ通知が有料だった為

どうやったのか

GithubとNetlifyはmaster更新時自動デプロイ設定済を前提

1. IFTTT と LINEの連携 (Webhook URLの作成)

LINEのアカウント連携を済まし、Createでレシピ作成ページへ。

• This には Webhook(Receive a web request)で、
  Event Nameは任意 (netlifybuildsuccessとか分り易いやつで)。
• Thatには LINE(Send message) を設定。
  Message には「repository is build successfully」等分り易いやつで。
  Recipientは 1:1 を選択。

レシピ作成後、レシピ詳細ページのWebhookアイコン > Settingアイコン をクリック。
Account Info > URLにあるWebhook URLをコピーし、そのURLにブラウザからアクセス。
Webhook設定画面にたどり着くので、To trigger an Eventの{event}に先程のEvent Nameを入力し、Test Itを押すとLineに通知が来る(はず)。

Netlifyに設定する為、{event}を含んだWebhook URLをコピーしておく。

2. Netlify の通知設定

Netlifyのプロジェクトページの Settings > Build & deploy > Deploy notifications > Add notification > Outgoing webhook より、

1. Event to listen for にはDeploy succeededを選択、
2. URL to notify には先程コピーしたWebhook URLを貼り付け
3. Saveを押す。

実際にdeployを回してみてデプロイ成功時にLINEに通知が来れば完了。