カテゴリー: Tools

【Slack】OutgoingWebhookを利用して投稿を転送

1 はじめに
2 OutgoingWebhook
- 2.1 OutgoingWebhookの追加
- 2.2 OutgoingWebhookの設定
3 IncomingWebhook
- 3.1 IncomingWebhookの追加
- 3.2 IncomingWebhookの設定
4 GoogleAppsScript
5 さいごに

はじめに

こんにちはsuzukiです。今回はOutgoingWebhookを使用して、Slackに投稿された内容を転送しようと思います。
発端としては、ほぼ同じ内容を複数の送信先に毎日送ることが必要があり、Slackで必要な情報だけ送信したら、各送信先のフォーマットに合わせ一括送信ということを下のですが、その際にSlackの投稿内容の取得に癖を感じたのでまとめました。

Slackの下記のアプリとGoogleAppsScriptを利用します。
・OutgoingWebhook
・IncomingWebhook

全体のイメージとしては下記の3ステップを実装します。
①OutgoingWebhookでSlackに投稿された特定のキーワードを検知する。
②検知した際GoogleAppsScriptのdoPostを呼び出す。
③doPostでIncomingWebhookを利用し、別のチャンネルに投稿をする。

OutgoingWebhook

OutgoingWebhookの追加

Slackのその他からAppを選択しましょう。

outgoingと入力しOutgoingWebhookを選択します。
スクリーンショットの設定を選択

OutgoingWebhookの設定

・チャンネル
Slackのどのチャンネルでキーワードをチェックするか
今回はtest-out-goingというチャンネルでキーワードをチェックします。

・引き金となる言葉
キーワード、この項目で設定した値で始まる行が投稿された場合にURLで設定したURLがよばれます。
キーワードは複数設定で来ますが、今回はtest-postという値を設定してます。

・URL
キーワードが検知された場合によばれます。
今回は次に設定する、GoogleAppsScriptを呼びます。

例にもありますが、URLがよばれ、下記のような値が渡されます。

token=fKeGja9t9zUOO7JNxODz8nis
team_id=T0001
team_domain=例
channel_id=C2147483705
channel_name=テスト
timestamp=1355517523.000005
user_id=U2147483697
user_name=スティーブ
text=googlebot: 身軽なツバメの対気速度はどのくらい？
trigger_word=googlebot:

IncomingWebhook

OutgoingWebhookと同様に下記の手順で設定します。

IncomingWebhookの追加

Slackのその他からAppを選択しましょう。

incomingと入力しIncomingWebhookを選択します。

IncomingWebhookの設定

InComingWebhookは大して重要な設定内容はありません。
Webhook URLの内容をコピーしてGoogleAppsScriptから呼びます。
https://hooks.slack.com/services/XXXXXXXXXX

いくつかの設定項目があるのですが、今回はGoogleAppsScriptからのリクエストで設定するため、気にしないで大丈夫です。
下側の緑色のボタンは忘れず押しましょう。

GoogleAppsScript

こちらにアクセスして新しいプロジェクトをタップします。

GoogleAppsScriptで行いたいことは下記の3点です。
・OutgoingWebhookからよばれる。doPost関数の作成。
・IncomingWebhookでSlackに投稿するコード。
・デプロイを行う。

doPost関数の作成

デフォルトでmyFunctionという関数が設定されていますが、不要なため削除します。
OutgoingWebhookからは下記の関数がよばれるため追加します。

//WebHookから下記がよばれます。
function doPost(e) {
 sendSlack(e)
}

sendSlack関数の作成

下記のコードでメッセージを送信します。doPostから渡されるeには前述しましたが、いろんな情報が含まれています。今回は送信内容だけe.parameter.textで利用してます。
またhttps://hooks.slack.com/services/XXXXXXXXXXXXXXXは前述のIncomingWebhookのWebhookURLです。

function sendSlack(e){
  //jsonデータとして、送信者名などのカスタマイズ
  var jsonData =
  {
     "username" : "suzuki-bot",
     "icon_emoji": ':memo:',
     "text" : e.parameter.text,
     "channel": "test-in-coming"
  };
  var payload = JSON.stringify(jsonData);

  var options =
  {
    "method" : "post",
    "contentType" : "application/json",
    "payload" : payload
  };
  //IncomingWebhookで取得したURLを設定
  UrlFetchApp.fetch('https://hooks.slack.com/services/XXXXXXXXXXXXXXX', options);
}