Chatロボット#02DialogflowとLineを繋がりましょう

前回まで：
>Chatロボット#01Dialogflowを登録しよう
https://qiita.com/soup01/items/83e5d53bb526c986797d

ここからはLine@とDialogflowを繋がります。
#Line側
まずはLine@へアクセスします。私はいまいちLineのWeb行き方わかりませんので、ここで”LINE公式アカウントの詳細はこちら”をクッリクしてください。
https://at.line.me/jp/
![line1.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/7b2fe01b-86c3-2f73-9572-c991c516bcc7.jpeg)
そして今すぐ無料アカウント開設するをクッリクします。
![line2.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/10c9ceb1-b1ea-ea7b-c04b-5d1a2f8f04f8.jpeg)
未認証アカウントを開設するをクリックします。
![line3.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/692e5210-34b2-a971-72fc-2909544636f2.jpeg)
Account NameとEmailを入力し、Continueで進みます。
![line4.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/b8cea955-0f54-f167-6a1b-4a4da08a54de.jpeg)
LINE OFFICIAL ACCOUNT MANAGERで管理画面ボタンを押します。
![line5.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/a8a270f1-afc4-524b-f0db-fcd66e5e5c84.jpeg)
このときはまずADBLOCKなどのADDONを一旦STOPしましょう。
![line6.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/2db3da8f-5149-133a-4aff-520220fbed19.jpeg)
友達追加のTABをクリックすると、このBotを友達に追加させるQR Codeなども乗っています。
![line8.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/7a2e2b07-3210-5002-6016-ee7266bc447b.jpeg)
自動応答メッセージ→応答メッセージをクリックします。DEFAULTの応答メッセージを削除します。
![line10.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/3c0e0410-5ded-3254-abf1-a4eb3c75b456.jpeg)
次は右側の設定ボタンを押します。
![line12.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/81ccef57-6c70-3040-84db-6aaeda5a9bc2.jpeg)
Messaging APIをクリックします。そしてメールとか入力する画面が出てくるので、入力します。
![line_2.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/1478ead1-cf4a-1d97-0d7a-fd7a7d3ce0cb.jpeg)
OKを押します。
![line14.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/52bcf4ae-f64a-f43f-fdca-edc886da3890.jpeg)
同意しますー
![line15.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/82fdce5a-e8d8-3c32-5574-1c417d56398c.jpeg)
任意だから空でOK！
![line16.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/146a6b4f-6b48-82c4-6ef1-063374aaf203.jpeg)
Message APIのところにLine Developersへアクセスします。
![line17.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/c66fe03b-9a5d-cd69-c7c4-d0dee3a72b3e.jpeg)
LINE Developersのプロダクトを。
![line20.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/13590800-7a0c-0eb1-ce43-c3a98f9060ef.jpeg)
Message APIのところにクリックします。
![line21.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/3080ae63-c99a-29db-c25e-3cb4a3819910.jpeg)
いますぐ始めよう、とクリックします。
![line22.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/72db02aa-a4a4-1dd7-a40f-27f364a3009f.jpeg)
次はチャンネル基本設定まで行ってください。
![line23.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/3dc6b4d1-34e4-f3fa-0a60-a1d8fb231fce.jpeg)
メッセージ送受信設定のところで、再発行をクリックします。
![line24.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/4003f303-bc70-e467-2764-0220035ddf5f.jpeg)
Webhook送信を利用する。
![line25.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/eca87a5a-2ae2-6370-d72f-2d3489899180.jpeg)
#Dialogflow側
Integrationsをクリックします。
![line26.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/372210ea-677a-6981-5b3c-90d8fd46f3ab.jpeg)
LINEを選択します。
![line27.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/3efc9528-3b72-4e55-78c2-e2d1c8ca812c.jpeg)
次はChannel IDなどが聞かれます。それらのデータはLINE側のチャンネル基本設定全部見えます。
最後はWebhookのURLを逆にLINE側のチャンネル基本設定のWebhook URLのところへ貼り付けます。
![line28.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/154661/38b686a5-04ca-2836-dabb-f0e8c518dc4c.jpeg)

ふ。。これで一応終わります。
お疲れ様ですー