【GAS - Slack連携】Incoming Webhookの設定をする

GASからSlackに投稿する時に使用する「Incoming Webhook」の設定方法について解説します。コピペで使える投稿用のサンプルコードもあります。

こんな悩みを解決します

• Google Apps ScriptとSlackを連携したい。
• SlackのIncoming Webhook URLを発行したい。

用意するもの

本エントリはSlackのWebhook URLを発行する手順および投稿するためのサンプルコードを紹介しています。
Google Apps ScriptおよびSlackを利用していることが前提になっています。
なお、有償版Slackをお使いの場合は「ワークフロービルダー」からIncoming Webhookを設定することも可能です。

使い方

1.アプリの管理画面を開く

Slackアプリから「ワークスペース名」 -> 「設定と管理」 -> 「アプリを管理する」を押します。

2.アプリの検索

Slack app directoryが開いたら、上部の検索窓に「Incoming webhook」を入力します。
ヒットした「Incoming Webhook」をクリックします。

3.アプリの追加

Incoming webhookの画面が開いたら「Slackに追加」をクリックします。

4.投稿先チャンネルの選択

Incoming Webhook経由で投稿されたメッセージを、どのチャンネルに投稿するのか選択します。
既存のチャンネルでも新しく作っても構いません。
選択したら「Incoming Webhook インテグレーションの追加」をクリックします。

5.Webhook URLの取得

次に表示される画面で、Webhook URLが払い出されているはずです。
このURLに対してGASからメッセージを投稿すると、指定したチャンネルにメッセージが表示されます。

６.サンプルコードの実行

本ページ下部にあるサンプルコードを実行してみます。
GASのエディタにコピペして、払い出されたWebhook URLの部分を書き換えてください。

関数「test」を実行してメッセージが到着すれば成功です！

スクリプト

/**
 * このスクリプトの説明、使い方はこちら。
 * https://myfunc.jp/items/00066/index.html
 */

function test(){
  post_slack('ここにメッセージを入れます');
}

function post_slack(text) {

  // ######### 事前設定ここから ########

  // SlackのWebhook URLを入力してください
  const slack_webhook_url = 'https://hooks.slack.com/services/*****************';

  // ######### 事前設定ここまで ########


  // SlackのWebhook URLに投稿するデータをまとめる
  const json =
  {
    'username': 'GASから送信したよ',
    'icon_emoji': ':smiley:',
    'text': text
  };

  // SlackのWebhook URLに送信するデータをJSONに変換する
  const payload = JSON.stringify(json);

  // UrlFetchAppで使用するメソッドやコンテントタイプを指定
  const options =
  {
    'method': 'post',
    'contentType': 'application/json',
    'payload': payload
  };

  // Slackに送信
  UrlFetchApp.fetch(slack_webhook_url, options);

}

関連するアプリ