Integromatを使ってWebhookで受け取った内容をLINE Botに流す

Webhookで受け取った内容をLINE Botで受け取りたくてやりました。

##準備（LINE Botの作成）

[この記事](https://qiita.com/n0bisuke/items/ceaa09ef8898bee8369d)を見ながらやれば迷うことは無いかと。

##Integromatでシナリオを作成する手順

検索ボックスに「Webhook」と入力して「**Webhooks**」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/56d94eae-e6d0-dcf3-5332-4eeac1c8b58e.png)

チェックマークが付いたら右上の「**Continue**」を押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/fceffc43-774f-7ed4-0979-97b121b0a168.png)

この画面になったら「**Webhooks**」を押します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/d3dfd885-673a-09ad-0f76-3215bcc12fb8.png)

表示が切り替わるので「**Custom Webhook**」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/55fcc0d9-588b-ef45-a964-d9b6433401dc.png)

右側の「**Add**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/eb364d35-c935-1eeb-cd1b-9c3fbc84e9dd.png)

この画面が出たら「**Save**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/8e1cbd50-be39-7313-dcff-a7f78bf75553.png)

この表示に切り替わったらURLが発行できています。
「**Copy address to clipboard**」でURLをコピーします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/eada4313-b86c-b739-407e-1a6ba124c99a.png)

この状態でURLにパラメータを付けて叩くと、Integromat側でパラメータ名と型を記憶してくれます。

例）
コピーしたURL＋ ?text=テキストと叩くと
リクエストパラメータとして文字列型の「**text**」が設定されます。

これをブラウザで実行して結果として「accept」が返ってくれば成功です。

先ほどの画面を見ると「**Successfuly determined**」となっているはずです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/40de3e94-ece2-fc3c-6e51-78b8d5add658.png)

OKを押して次のモジュールを付けていきましょう。

マウスカーソルを合わせると「**Add another module**」と表示されるのでこれを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/9f78eaf4-e58e-1d6b-b968-e9c281444663.png)

「**LINE**」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/f89ebf93-e7f0-5080-b0f5-42569db6588c.png)

今回はLINE Botに一方通行でメッセージを送るので「**Send a Broadcast Message**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/6665cf68-edf7-a5b0-5df9-62ad3bead340.png)

Connectionのところで「**Add**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/9e16b62b-ca73-ae7b-ced0-254f0891b675.png)

準備で作成したLINE BotのアクセストークンとユーザーIDを入れます。
※アクセストークンはBotのMessaging API設定、ユーザーIDはチャネル基本設定にあります。
入れたら「**Continue**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/e3233946-be20-a794-9617-f5794de0d329.png)

次にLINE Botの設定です。
Messagesの「**Add item**」を選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/c6e03034-4421-ba1b-3d2f-9f9b4f9d209e.png)

Webhookで受け取ったテキストをそのまま送るのでTypeは「**Text**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/53c6fbff-98c3-c2c0-7860-43440ffc5616.png)

Text欄を選択すると左側に展開するので、Webhooksの下にある「**text**」を選択⇒Text欄に入ります。
入ったらAdd item画面の「**Add**」を選択すると画面が閉じます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/4e6d301c-74f3-df6b-3e44-c3f434d89350.png)

以下の状態になれば、WebhookURLのパラメータであるtextに入っていた内容がそのままLINE Botに送信されます。
この状態で「**OK**」を選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1264471/bf57079f-bd1b-a817-ee90-7884e6bdf6ca.png)

後はシナリオを実行状態にしてWebhookURLを叩けばLINE Botに内容が飛んでいきます。