チャットワークWebhookを使ってメッセージ送信をトリガーにGASを起動させる方法

hook

photo credit: www.ilkkajukarainen.fi IMG_0002 via photopin (license)

みなさん、こんにちは!
タカハシ(@ntakahashi0505)です。

チャットワークWebhookとGASの連携方法についてお伝えしております。

チャットワークWebhookを使うことで、特定のルームへのメッセージ送信や、自分へのメンションをトリガーにしてGASのスクリプトを起動させることができるようになりました。

前回は、以下の記事でWebhookの概要と、GASと連携をさせる仕組みについてお伝えしています。

チャットワークのメッセージの送信をトリガーにGASを作動させられるWebhookが使えるようになった
チャットワークAPIのバージョンアップによりWebhookが使えるようになりました。今回はWebhookとは何か、そしてWebhookとそのリクエストによりGASを動作させる仕組みについてお伝えします。

今回は、いよいよ実際に、チャットワークWebhookを使ってGASを起動するスクリプトとその手順をお伝えしていきます。

では、行ってみましょう!

スポンサーリンク

前回のおさらいと今回やること

チャットワークWebhookを設定をすると、特定のルームへのメッセージの送信などのイベント発生時に、GASで用意した「ウェブアプリケーション」にPOSTリクエストを送ることができます。

GASのほうでは、以下のdoPost(e)関数を用意しておくと、そのPOSTリクエストを受け取ったときに、その送られたデータを取り出しつつ何らかの処理を走らせることができるという動作になります。

function doPost(e) {
  //e.postData.contentsを取得して何らかの処理をする
}

今回は、チャットワークのマイチャットに何らかのメッセージを送信したときに、そのPOSTリクエストに含まれるデータを取り出して、Goolgeドキュメントに書き出すという処理をしてみたいと思います。

Webhookを受け取るdoPost関数のスクリプト

まず、GASで用意するdoPost関数のスクリプトを紹介します。

スクリプトは、Googleドキュメントのコンテナバインドスクリプトとして作成します

つまり、新規のドキュメントを開いて、メニューの「ツール」→「スクリプト」で開いた画面にスクリプトを記述していきます。

Googleドキュメントからスクリプトを開く

というのも、doPost関数は「シンプルトリガー」という種類のトリガーでして、doPost関数からはバインドしているドキュメントしか操作ができないからです。なので、今回はコンテナバインドで作る必要があります。

さて、それで実際のスクリプトはこちらです。

function doPost(e) {
  var body = DocumentApp.getActiveDocument().getBody();
  body.setText(e.postData.contents);
}

POSTリクエストを受け取った際に、リクエストのボディに含まれるデータをバインドしているドキュメントに書き出すというものです。

前回お伝えした通り、Eventオブジェクトeから、POSTデータを取り出すには

Eventオブジェクト.postData.contents

とします。

ドキュメントに文字列を書き出す

いくつかドキュメントに関する操作がありますので、紹介しますね。

アクティブなドキュメントを取得する

まず、スクリプトからアクティブなドキュメントを取得するには、getActiveDocumentメソッドを使います。

書式はコチラ。

DocumentApp.getActiveDocument()

アクティブなドキュメントというのは、バインドしているドキュメントのことで、GASではDocumentオブジェクトとして取得できます。

ドキュメントからボディを取得する

ドキュメントは、その配下のヘッダー、ボディ、フッター、脚注などといったいくつかの「セクション」から構成されています。

今回は、ドキュメントの本体であるボディに、POSTリクエストの内容を書き出したいので、ボディセクションを取得します。

ドキュメントからボディを取得するには、以下のgetBodyメソッドを使います。

Documentオブジェクト.getBody()

これでボディセクションをBodyオブジェクトとして取得できます。

ボディにテキストを書き出す

ボディセクションにプレーンテキストを書き出すには、setTextメソッドを使います。

Bodyオブジェクト.setText(文字列)

この場合、完全に上書きになりますので、ボディに何かが入力・配置されているときに実行をすると、いったんすべて削除されたうえで、文字列が書き出されるということになります。

ウェブアプリケーションとして導入する

doPost関数が完成したら、このスクリプトをウェブアプリケーションとして導入します。

つまり、Webhookの送信先となるURLを生成するのです。

まず、スクリプトエディタの「公開」→「ウェブアプリケーションとして導入…」を選択します。

スクリプトエディタでウェブアプリケーションとして導入を開く

「ウェブアプリケーションとして導入」ダイアログでは、それぞれ以下のように設定をして「導入」とします。

  • プロジェクトバージョン:任意(例えば「最初のバージョン」)
  • 次のユーザーとしてアプリケーションを実行:自分
  • アプリケーションにアクセスできるユーザー:全員(匿名ユーザーを含む)

GASのウェブアプリケーションとして導入ダイアログ

すると、以下のようにウェブアプリケーションのURLが取得できますので、ばっちりメモしておきます。

GASでウェブアプリケーションのURLを取得

これでGAS側の準備は完了です。

チャットワークWebhookの作成

次にチャットワークWebhookの作成をしていきます。

プロフィールアイコンをクリックして開くメニューから「API設定」を選択します。

チャットワークのAPI設定を開く

API設定画面が開きますので、左側のメニューから「Webhook」を選び「新規作成」をクリックします。

チャットワークのAPI画面からWebhookの新規作成

Webhookの新規作成画面にて、以下のように入力して「作成」です。

  • Webhook名:任意
  • Webhook URL:先ほど取得したGASウェブアプリケーションのURL
  • イベント
    • 「ルームイベント」を選択
    • 「メッセージ作成」にチェック
    • ルームID:送信先ルームID

チャットワークWebhookの新規作成

ちなみに、ルームIDは上記画面にも書いてある通り、そのグループチャットを開いたときのURLの以下{ルームID}の部分です。

https://www.chatwork.com/#!rid{ルームID}

これで、チャットワークWebhookの作成も完了です。

チャットワークWebhookの実行

では、実行してみます。

今回はマイチャットを対象のルームにしていましたので、マイチャットで「Webhook Test」などと、メッセージを送信してみました。

チャットワークでWebhook用テストメッセージを送信

スクリプトを仕込んだドキュメントを開くと、いかのようにPOSTリクエストのボディが書き出されます。

チャットワークWebhookのリクエストボディをドキュメントに書き出す

タイムラグはほとんどなしです!

まとめ

チャットワークWebhookを使ってメッセージ送信でGASを起動する方法についてお伝えしました。

  1. GASでdoPost関数を作る
  2. GASのスクリプトをウェブアプリケーションとして導入する
  3. チャットワークWebhookを作成する

という流れになります。

今回のは単純なものでしたが、この応用で本当にいろんな処理を実行できます。

次回以降、過去つくった「おみくじチャット」をWebhook対応に変更をしていきたいと思います。

GASとチャットワークWebhookで即レスポンスのおみくじチャットを作る方法
GASとチャットワークWebhookを連携させて、いろいろな便利ツールを作っています。今回は、GASとチャットワークWebhookを使って、すぐに返事が返ってくるおみくじチャットを作る方法をお伝えします。

どうぞお楽しみに!

連載目次:GASとチャットワークWebhookを連携させた便利ツール

チャットワークAPIのバージョンアップでメッセージ送信や自分へのメンションをトリガーにしたWebhookを使用することができるようになりました。GASとの連携により色々な便利ツールを作っていきます。
  1. チャットワークのメッセージの送信をトリガーにGASを作動させられるWebhookが使えるようになった
  2. チャットワークWebhookを使ってメッセージ送信をトリガーにGASを起動させる方法
  3. GASとチャットワークWebhookで即レスポンスのおみくじチャットを作る方法
  4. GASとチャットワークWebhookを使って翻訳チャットを作る
タイトルとURLをコピーしました