【GAS】Incoming webhookでslackにテキストを送信する方法

お久しぶりです，manonです。

最近バイト先の在庫管理システムを構築していてgoogle スプレッドシートの在庫数が変化した箇所をslackに送信して，slackでその理由を書いたらoutgoing webhookでまたgoogle スプレッドシートに返してコメントとしてテキストを挿入するコードを書いていました。

調べ方が悪かったのか意外と同じようなことをしている人がおらず苦戦したので備忘録的な意味も込めて紹介していきたいと思います。

スプレッドシートからslackにデータを飛ばす方法

スプレッドシートからslackにデータを飛ばす方法

gas側の準備

まずはスプレッドシートからslackにデータを飛ばす方法を説明していきたいと思います。google　スプレッドシートを開いたら「ツール」から「スクリプトエディタ」を

選択してください。

f:id:EnglishScience:20210203004801j:plain

すると下記の画像のような「コード.gs」というプロジェクトが自動で生成されます。

このmyFunctionというところにコードを書いていきます。今回はgasでslackにテキストを送信するためのコードを用意したのでこれをコピペしてこのページ通りに進めていけば動作します。

f:id:EnglishScience:20210203004906j:plain

function myFunction() {

  let postUrl  = "ここにIncoming webhookのURLを貼る"

  let userName = "確認猫"   // Slackに通知する時の名前になります

  let icon     = ":confirm_cat:"    // 表示されるアイコン

  let message  = "スプレッドシートからslack" // 送信するメッセージ

let jsonData = {

   "username" : userName,

   "icon_emoji" : icon,

   "text" : message

}

// 上の送信内容を設定

let payload = JSON.stringify(jsonData)

// オプションを設定

let options =

{

   "method" : "post",

   "contentType" : "application/json",

   "payload" : payload

};

// Slackに通知する

UrlFetchApp.fetch(postUrl, options);

}

これがgas側の記述になります。大まかな流れとしては指定したURLにjsonで
ユーザーネームやらメッセージやらを投げることが出来るコードです。
これにスプレッドシートのセルの持っている情報を貰う記述をすることでデータをスプレッドシートから
取ってきて投げるという一連の動作が出来るのですが、
色々書くと見辛くなってしまうと思うのでやめておきます。シートのセルからデータを取ってきたりする
記述はめちゃ簡単なので「google スプレッドシート　gas」等で検索してください。
次にこのコードのデータを投げる宛先を準備します。
 
SlackでIncoming webhookの準備をするここではgasでデータを投げた後slackで受け取る為の準備をしていきます。slackにデータを
持ってくるためにはIncoming webhookというアプリを使います。
 
まずはslackの左側のメニューバーから「その他」⇒「App」を開きます
 
そうしたら検索バーに「incoming」と入力してください。一番最初に出てきているのが今回
使いたいIncoming Webhookなので追加を押しましょう。
追加を押したら、「slackに追加」を選択し、チャンネルへの投稿という項目で自分がこのアプリを
追加したいチャンネルを選択し「Incoming Webhookインテグレーションの追加」を選択してください。
そうすると以下の画像のような画面になります。
この画像にあるWebhook URLというのが先程のコードにあったjsonを投げつける宛先のURLになるので
コピーしておきましょう。
 設定を保存してslack側の準備はおしまいです。
そうしたらgasに戻って先程コピーしてきたURLを"postURL"にペーストします。
最後にフロッピーディスクのマークを押して保存します。
 
実際にGASからslackにテキストを送ってみるスクリプトエディタの画面で「デバック」を押します。
以下の画像のように実行ログで実行完了と出ればコードが正常に実行されています。
 
slackを確認すると無事テキストが受信出来ました。