cybozu developer network

カテゴリー内の他の記事

kintone Webhook & Microsoft Power Automateを使ってSlackに投稿する

Index

 

はじめに

便利なコミュニケーション手段として、Slackを利用している企業やプロジェクトチームは多いのではないでしょうか?
kintoneアプリで登録、プロセス更新のタイミングによって、kintone Webhookを利用した Slack の Channel(グループ)に通知してみましょう。
環境が揃っていると3分で連携できました。
Webhook とは、Webアプリケーション同士が連携するときの考え方の一つで、 Webアプリケーションでイベントが実行された際、外部サービスにHTTP で通知する仕組みです。

Webhookを使った仕組み

今回は、Microsoft Power Automate を利用した連携を実現してみたいと思います。

structure.png

完成形の画面

image.png

準備

利用するサービス、API

  ※各サービスの環境はご準備ください。

Slack

Channel を作成

今回は「demo」を作成する。 

 

Microsoft Power Automate

事前にサインアップをした上でフローを作成してください。

フローの作成

フローを作成するメニューから、手動でフローのトリガーをを与える「インスタントクラウドフロー」を選択する。

HTTP 要求の受信時」トリガーの選択

このフローをトリガーする方法を選択します」から「HTTP 要求の受信時」を選択し、「作成」ボタンをクリックする。

trigger.png

「要求本文の JSONスキーマ」

今回はレコード登録時のメッセージをSlackで投稿するため、次のJSONをコピーする。

  • "app" > "name" はアプリ名、"recordTitle" は 「レコードタイトル」、"url" はレコードへ移動できるURLです
  • http://jsonschema.net/#/ のSchemaに準拠したものです

 

貼り付け後のイメージ

グレーアウトされているURL欄は保存後に生成されます。

request_body.png

「Slack」アクションの追加

「新しいステップ」をクリックし、「Slack」を検索して「メッセージの投稿(V2)」を選択する。
※Slackアクションの追加後、投稿先アカウントの認証を求められます。

slack_action.png

投稿メッセージの情報入力

  • チャネル名:「#demo」
  • メッセージテキストは文字を入力しつつ、右側の要求リストから選ぶ
  • ボット名:「kintone-bot」 ※任意

message.png

 

フローの作成と保存

フロー名を「kintone -> Slack 投稿メッセージ」 に変更し、「保存」をクリックする。

HTTP POST の URL の確認

保存することで、HTTP POST URLが確定するため、マイ フローから作成したフローを開き、「HTTP POST の URL」をコピーする。
※このURLは、kintoneのWebhook機能で利用します。

http_post_url.png

 

kintone Webhook

事前に準備したアプリの設定画面を操作し、レコード追加して完成です。

Webhookの追加

アプリの設定画面に移動し、 Webhook > Webhookの追加 画面を表示し、Microsoft Power AutomateでコピーしたURLを設定する。
※kintoneの「Webhook URL」の入力欄には、コピーした文字列の「https://」以外の部分をコピーしてください。
Webhook保存後には、必ずアプリの設定画面に移動し、「アプリを更新」をクリックする。

 

レコードを追加してSlackで通知

kintoneアプリに戻り、レコードに入力して保存すると、Slackで投稿されます。

image.png 

いかがでしたでしょうか。
今回は、Microsoft Power Automate の「HTTP 要求の受信時」トリガーと Slackの「メッセージの投稿」アクションを使って、kintone から Slack への投稿を実現してみました。
JSON形式を設定することにはなりますが、ノンプログラミングで数分で連携できると思います。 

参考

Slack Incoming Webhook を利用して、kintoneアプリからJavaScriptで活用したプログラムTipsもあります。 

このTipsは、2022年2月版 kintoneで確認したものになります。

記事に関するフィードバック

記事のコメント欄は記事に対するフィードバックをする場となっております。
右の記事フィードバックのためのガイドを参照してコメントしてください。
記事のリンク切れなど、気になる点がある場合も、こちらのフォームからフィードバックいただけますと幸いです。

サインインしてコメントを残してください。