Mitomex Blog

Netlify の Deploy が終わった通知を Slack に飛ばす方法

2020-06-29

手順

  1. Slack に専用のチャンネルを作成する
  2. Slack のアプリを作成する
  3. Incoming Webhooks を有効にする
  4. Incoming Webhook を作成する
  5. Webhook URL をコピーする
  6. Netlify で Notification の設定を行う

上記手順を行うことで Netlify で Deploy が終わったことを Slack に通知することができます。

それぞれの手順を見ていきましょう。

1. Slack に専用のチャンネルを作成する

Netlify の通知専用のチャンネルを Slack で用意しておきます。 もちろんすでにあるチャンネルでも大丈夫です。

2. Slack のアプリを作成する

Slack App ページ にある「 Create New App 」クリックします。

image01

「 Create a Slack App 」モーダルが立ち上がるので「 App Name 」を入力して、 通知する Slack の Workspace を選択して「 Create App 」をクリックします。

image02

3. Incoming Webhooks を有効にする

「 Create App 」をクリックすると、Basic Information ページに移動します。 このページにある「 Incoming Webhooks 」をクリックする。

image03

Incoming Webhook ページに移動するので、右上にあるスイッチをクリックし「 ON 」します。

image04

4. Incoming Webhook を作成する

同じ Incoming Webhook ページの最下部に「 Add New Webhook to Workspace 」ボタンが表示されるので、このボタンをクリックします。

image05

次のページでどのチャンネルに投稿するを選択するページに移動するのでチャンネルを選択して「 Allow 」ボタンをクリックします。

image06

5. Webhook URL をコピーする

再び Incoming Webhook ページに戻ってきます。

Webhook URL が生成されるのでコピーします。

image07

6. Netlify で Notification の設定を行う

Netlify の管理画面「 Setting 」→「 Build & deploy 」にある「 Deploy notifications 」欄の「 Add notification 」をクリックします。

プルダウンで出てくる「 Slack integration 」を選択します。

Slack integration モーダルが表示されるので、Event to listen for に「 Deploy succeeded 」を選択肢、先ほどコピーした Webhook URL を URL 欄に入力します。

投稿先のチャンネルを入力して「 Save 」ボタンをクリックします。

以上で Netlify で Deploy が終わったら Slack に通知がいくようになります。

参考ページ: Sending messages using Incoming Webhooks