Google Hangoutchat で オウム返し Bot を試してみる (Google Apps Script bot)

# はじめに

* 以下のGoogle Hangoutchat公式チュートリアルを試してみました。
    * [Get Start oogle Apps Script bot](https://developers.google.com/hangouts/chat/quickstart/apps-script-bot)

こんなことができるようになります

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/c87331a7-8081-8b0a-c543-5322e364def3.png)


私は、簡単に応用してチームのハングアウトルームに、*Lunch Train* を導入しました！！

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/dcf34e4e-175c-9107-4e42-f9916cfd7355.png)



* 公式チュートリアルに沿って説明していきます

# 必要なこと

* Googleのアカウント

# Step1. Google Apps Scriptを作成する

## スクリプト作成

* [Hangouts Chat Bot template](https://script.google.com/create?template=hangoutsChat) から サンプルのスクリプトを開きます。
    * 特に変更するところはありません

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/6c2229e6-39c7-66dc-cac9-049c040bd81d.png)

* プロジェクト名を入力

## デプロイ用のコードを取得

* `公開 > マニフェストから配置` を選択

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/5115b29f-5bac-de74-527e-c167698515cf.png)

* `Latest Version (HEAD)` を選択すると、ダイアログがでます
    * `Deployment ID` をコピーしておきます。 後で使います

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/72442fb8-e8f3-6c9a-77a7-dba3cb6b7810.png)
![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/f761ef5f-7bfc-f64b-150d-b0c0ebb2b5b1.png)


# Step2. bot を公開

## Google Hangoutchat API の有効化
* [Script Editor](https://script.google.com/) のページを開くと、以下のような画面にいきます。
    * 先ほど作成したスクリプトが表示されています

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/e0feca2b-8b08-e41b-1a03-2957552a18fe.png)


* `スクリプトメニュー > クラウドプロジェクト` を選択
    * ※ ここ見つけるの私苦戦しました

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/c2538310-5d11-5fdd-d6bd-18e108004fde.png)


* 以下の画面に移ります

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/a71e38ae-03e9-07f2-fcac-64430352ebfd.png)

* `>APIとサービス > ライブラリ` を開きます

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/6ba762bc-fade-90ed-489c-fb0d221f09fd.png)

* `Hangouts Chat API` を検索 > 有効にする

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/199c091b-61f8-0519-8a68-a72365791a97.png)

## Google Hangoutchat API の設定

* `設定` から 必要な項目を入力します

| 項目          | 値                                             |
|---------------|------------------------------------------------|
| ボット名      | チャット上で表示される名前です                 |
| アバターのURL | 画像のURLを指定できます                        |
| 説明          | 適当に                                         |
| 機能          | ダイレクトメッセージで使うか OR チャットルーム |
| 接続設定      | Apps Script project を選択                     |
| デプロイID    | 先ほどコピーした Deployment ID                 |
| 権限         | 作成したBotをチャットルーム/グループに追加できる権限を与える人を指定      |

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/ea135928-1e37-7d6b-a2fc-18313a8362de.png)


これで設定は完了です！ Hangout chatから botを呼び出せるようになりました。

# Step3 botを使ってみる

* チャットルームを作成して、 `ユーザとbotを追加` から、 ボット名 で検索をかけると作成したbotが表示されるので、追加

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/9e69885e-2be5-fb4b-3d5c-0d8dee1dcbf3.png)


![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/c3b0b124-2a8a-d689-10f3-e50a9750eed8.png)

こんにちは！！！


* 話しかけてみましょう
    * メンションにbotを指定します

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/bb84fd72-4721-97fa-24e5-f7254087dc5b.png)


(かわいい..)

あとは、テンプレートのスクリプトを編集すればいろいろできそうですね。
これから試してみたいと思います。

# 補足

* ここはあまり理解できていないのですが、作成したスクリプトは、共有設定(閲覧のみでOK) をしないと他のユーザからは呼び出せませんでした。他のユーザに利用してもらう場合は、こちらの共有設定も必要です。

![image.png](https://qiita-image-store.s3.amazonaws.com/0/108052/70fbd23b-5178-c8b3-0ec9-6109149b7000.png)