Bot Builder v4 : LINE に接続する

この記事では、開発したボットを LINE に接続する方法を紹介します。

# 前提

すでに LINE Developer アカウントを持っていて LINE Bot を作ったことがある前提です。LINE Bot 開発については山ほど記事があるので、それらを検索してください。

# 利用するボットの準備

今回は手軽につかえる Azure Bot Service で作成します。既にボットがある場合はスキップ。

1\. https://portal.azure.com より Azure ポータルにログイン。任意のリソースグループで「Web App Bot」を作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/037fd47c-4cfd-7b89-36eb-d18f46c37ee0.png)

2\. 任意のボットを作成。ここでは C# 基本ボットを選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/bd22fe06-e961-3466-d45a-60da979ba914.png)

3\. 作成完了後、Web チャットテストで動作を確認。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/143916c0-a4d9-ba79-adeb-dd24cf5d8179.png)

4\.「チャネル」メニューより「LINE」を選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/9c4d1c5a-6a4b-d106-7a03-a50ff18bd91a.png)

後で設定をするためこのままあけておきます。

# LINE の登録

LINE と連携するには、LINE 側でもボットを作成します。

1\. https://developers.line.biz より LINE 開発者コンソールにログイン。

2\. プロバイダーがない場合は「新規プロバイダー作成」よりプロバイダーを作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/dd1e2269-0b35-6381-02ba-08a84db27fa8.png)

3\. ウィザードに従ってプロバイダー作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/6225352b-5d6e-4d81-ce15-abbe88327583.png)

4\.「Messaging API」をクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/24c46a6e-d28f-ed33-9d6a-ac7c1f5c5091.png)

5\. アイコンやアプリ名など任意に設定してチャネルを作成。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/acda215b-f85c-9492-4b3a-6a0b3713f545.png)

# Bot チャネル登録と LINE チャネルの連携

最後にそれぞれのチャネルを連携します。

1\. LINE 開発者コンソールで作成したチャネルを選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/afca0e66-d9b2-0c5e-4130-ce1689954602.png)

2\.「アクセストークン」で「再発行」をクリック。し、既定のまま「再発行」をクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/8bd5d92a-a71c-0f7a-89e2-d36736abe81f.png)

3\. 発行されたアクセストークンと Channel Secret をそれぞれコピーして　Bot チャネル登録側に張り付け。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/33796b05-ce0f-a243-442c-2cde6155d5ab.png)

4\. コールバックアドレスをコピーして、LINE 開発者ポータルで「Webhook URL」に張り付け。Azure 側の設定はこれで終わりのため「保存」をクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/a66fcc76-fb31-5089-0eab-8f9a6351dadc.png)

5\.「Webhook 送信」の「利用しない」を「利用する」に変更。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/26592544-12f0-60a4-4d36-7fab2e3324fb.png)

6\. たまに反映がうまくされない場合があるため、F5 キーを押下して画面を更新後、LINE@機能の利用より「自動応答メッセージ」および「友達追加時のあいさつ」をそれぞれ利用しないに変更。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/100bf609-903e-85b9-e097-e6d4ac194c0a.png)

7\. 画面下部の QR コードを読み取り、LINE クライアントから動作のテスト。
<img width=300 src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214116/758c1552-2beb-b6b6-122e-1b9a8c800c24.png"/>

# まとめ

LINE チャネルはほぼ迷う事なくできますが、LINE 開発者ポータルの設定が正しく反映できているか F5 で何度か確認することをお勧めします。

また LINE プラットフォームは PUSH 通知に対する制約があるため、Bot Connector よりどの程度 PUSH が発生するかもまめに確認してください。
[公式ドキュメント: 送信済みのプッシュメッセージの数を取得する](https://developers.line.biz/ja/reference/messaging-api/#get-number-of-push-messages)

[目次に戻る](https://qiita.com/kenakamu/items/6dc043cfc1f199032883)