前回までは、Dialogflowの基本設定やLINE公式アカウントの作成を行ってきました。今回は作成したDialogflowとLINE公式アカウントを連携させるための「LINEとDialogflowの接続」をシェアします。
![](https://yukishi.com/wp-content/uploads/2020/08/Chatbot_begin-160x160.png)
Dialogflowに接続する
Dialogflowにログインします。ログイン方法は下記記事を参考にしてください。
![](https://yukishi.com/wp-content/uploads/2020/08/Chatbot_be_01-160x160.png)
integrationsメニューをクリック
ログインできたら、左側のメニューからintegrationsを選択しましょう。integrationsは「統合」を意味する単語です。このメニューから連携させるアプリを選択できます。
![](https://yukishi.com/wp-content/uploads/2020/11/bot-01.png)
連携するアプリケーションを選択
今回は、LINE公式アカウントと連携させるので、LINEという項目を探してクリックしましょう。
![](https://yukishi.com/wp-content/uploads/2020/11/bot-02.png)
Dialogflow側の連携設定
前回の記事「ノーコードでLINEチャットボットを作る方法 #7:Webhookの設定」で取得した情報を貼り付けしていきす。
![](https://yukishi.com/wp-content/uploads/2020/11/Chatbot_be7-160x160.png)
ここで入力する項目
- Channel ID
- Channel secret
- Channel access token
![](https://yukishi.com/wp-content/uploads/2020/11/bot-03.png)
上記3つが入力できたら、Webhook URL欄の右にあるコピーボタンを押して、Webhook URLをコピーしておきましょう。
LINE Developers側の連携設定
コピーしたWebhook URLをLINE DevelopersのWebhook欄に貼り付けましょう。
連携の開始
Dialogflow、LINE公式アカウントの両方で設定ができたら、Dialogflowの画面に表示されている「START」ボタンを押しては完了です。あとは、作成したLINE公式アカウントを友達登録して、メッセージを送って返信されるか動作確認してみましょう。
![](https://yukishi.com/wp-content/uploads/2020/11/bot-03.png)
ノンプログラミングで作るLINEチャットボットに関する記事は下記ページにまとめています。併せてご覧ください。
![](https://yukishi.com/wp-content/uploads/2020/08/Chatbot_begin-160x160.png)