【REST API × Webhook】お客様が来場した時、Slackに通知を送ってみよう！ – cybozu developer network

（著者：サイボウズ　李智恩）

Index

はじめに
完成イメージ
連携イメージ
事前準備
Zapierのアカウント作成
Zapierとkintoneの設定手順
おわりに

はじめに

今回は以前kintoneとmonacaを連携して作成した「来場者管理アプリ」を活用して、REST APIにより自動で追加されたレコードをきっかけにWebhookを発動させて、Slackに通知を送ってみたいと思います。今回のポイントは2017年6月版アップデートで新しく搭載される「REST APIにより追加されたレコードで、Webhookを飛ばす機能」を利用するところです。ここに注意しながら、設定を進めてみましょう。

完成イメージ

お客様がお持ちのQRコードをMonacaの「来場者管理アプリ」で読み込むだけで、kintoneには自動的にレコードが追加されて、さらに、そのタイミングでSlackにはお客様のご来場をお知らせする通知が届きます。

連携イメージ

図：連携の流れを示す図。入場チケットのQRコードを Monacoアプリで読み取る。Monacoアプリは REST API で kintone にレコードを登録する。kintone の Webhook を感知した　zapier が Slack にメッセージを投稿する。

事前準備

・Monaca×kintone 来場者管理モバイルアプリ(作成方法はこちら)

・Monaca×kintone 来場者管理モバイルアプリと連動しているkintone アプリ

・Zapier アカウント

・Slack Channel（ここでは「test」という名称）

Zapierのアカウント作成

Zapierのサイトにアクセスし、「Sign UP」をクリックします。
必要事項を記入して「Get Started Free」をクリックします。

ZapierからWelcomeメールが送られてきて、無料アカウント作成完了です。

Zapierとkintoneの設定手順

Zapierのアカウント作成が完了したら、kintoneにレコードが追加された時に、Slackに通知を送るための設定を行います。必要な設定は大きく三つです。

・Zapierで「kintoneのWebhookをキャッチ」するための設定 (トリガーの設定)

・kintoneアプリの設定画面でSlackに通知を送る「タイミング」の設定 (kintone Webhookの設定)

・「Slackに通知を送る」ための設定 (アクションの設定)

では早速、設定をしてみましょう！

Zapierでkintoneの「Webhookをキャッチ」するための設定手順

まず最初にZapierでkintoneの「Webhookをキャッチ」するためにトリガーの設定を行います。

1. サインアップ後の画面で、「Create Zap」をクリックします。

2. Dashboardの画面が表示されます。

3．「Name your Zap」にタイトルを入力します。

4．「Choose App」で、下の方にある「Webhooks」をクリックします。

5．「Choose Trigger」で「Catch Hook」を選択し、「Save + Continue」をクリックします。

6．「Set Up Options」では何も入力せずに「Continue」をクリックして次に進みます。

7．「Test this Step」で、Zapierに送る先のURLが生成されるため、それを「Copy to clipboard」でコピーします。

kintoneアプリの設定画面でSlackに通知を送る「タイミング」の設定

Zapierで送る先のURLをコピーしたら、ここからはkintoneアプリのWebhookの設定に移動して、Slackに通知を送る「タイミング」を設定したいと思います。

1. Monaca×kintone来場者管理モバイルアプリの作成時に作った「kintoneの来場者管理アプリ」で、「アプリの設定」に入り、「Webhook」を選択します。

2. その後表示された画面で、「＋」ボタンをクリックします。

3. Webhookの追加画面で「＋」をクリックして先ほどコピーしたURLをペーストします。

4．同じ画面で「通知を送信する条件」に今回はREST APIによりレコードが自動で追加されたタイミングで、Slackに通知を送りたいので、「レコードの追加」にチェックをし、「保存」をクリックします。

5．「保存」を押した後表示された画面で、「アプリの設定に戻る」をクリックします。

6．「アプリを更新」をクリックし、アプリを更新します。

7．アプリを更新して一覧画面に画面が遷移したら、Zapier側がkintoneにレコードが登録されたタイミングでちゃんとWebhookをキャッチしてるかを確認したいので、試しにレコードをひとつ追加します。

「Slackに通知を送る」ための設定

kintoneのアプリでWebhookの設定が完了したら、先ほど作成中だった、Zapierの方に戻ります。ここからはSlackに通知を送るためのアクションの設定を進めたいと思います。

1.Zapierのアクションの設定(2.Set up this step)で、「Choose App」＞「Slack」を選択します。

2．「Choose Action」で、今回はtestというChannelに通知を送りたいので、「Send Channel Message」を選択して、右下の「Continue」をクリックします。

3．「Choose Account」で「Connect a New Account」をクリックしてポップアップで表示された画面で、「your-team-url」にSlackのteam URLを入力して、次にSlackのアカウントを登録します。登録が完了したら、「Save + Continue」をクリックします。

5．その後、「Set Up Template」で通知を送るSlackの「Channel」を選択、または入力して、次の「Message Text」に通知で送る内容を入力します。この時、「Message Text」の入力欄の右側にある＋ボタンをクリックすると、通知の内容にkintoneアプリのフィールドの値を追加することも可能です。