# 聊天機器人實作(2)：將<font color="#ef6c00">Dialogflow</font> Agent掛接至<font color="#3cd037">LINE</font>帳號 ###### Author：賴奎佑 (Barry) ###### tags: *`tutorials`*、*`Chatbot`*、*`LINE Bot`*、*`Natural Language Processing`* ## 前言 ## 1. 註冊<font color="#3cd037">LINE</font> Developers帳號 ![註冊](https://i.imgur.com/68db00X.png) ![](https://i.imgur.com/nTRe6HU.png) ![](https://i.imgur.com/HHqqYZH.png) ## 2. 建立一個新的Provider ![](https://i.imgur.com/Bj1aYq7.png) ![](https://i.imgur.com/mSPUg5t.png) ## 3. 建立一個新的Channel (type: Messaging API) ![](https://i.imgur.com/zSUzEDS.png) ![](https://i.imgur.com/5il07EO.png) ![](https://i.imgur.com/SmuWAh3.png) ## 4. 設定Messaging API ![](https://i.imgur.com/WZnTobq.png) ![](https://i.imgur.com/xA8rKfU.png) ![](https://i.imgur.com/8sMyYqA.png) ## 5. 設定<font color="#ef6c00">Dialogflow</font> Agent整合至<font color="#3cd037">LINE</font> channel ### i. 將<font color="#ef6c00">Dialogflow</font>的Webhook網址掛接至Messaging API ![](https://i.imgur.com/tKvvSxG.png) ![](https://i.imgur.com/sZrldwn.png) ![](https://i.imgur.com/24jq2eq.png) ### ii. 將<font color="#3cd037">LINE</font> channel的資訊複製至<font color="#ef6c00">Dialogflow</font>的<font color="#3cd037">LINE</font>整合中 ![](https://i.imgur.com/aiKnrt2.png) ![](https://i.imgur.com/22oa7qx.png) ![](https://i.imgur.com/7YZ1TTn.png) ![](https://i.imgur.com/nvkeNIJ.png) ![](https://i.imgur.com/b4DiIW5.png) ![](https://i.imgur.com/pb1MiYP.png) ## 6. 透過QR code將剛建立的<font color="#3cd037">LINE</font> channel加入好友 ![](https://i.imgur.com/IkC42Ts.png) ## 7. 開始對話 ## 結語 ## 參考資料 1. [LINE Developers官方文件──開始使用 Messaging API](https://developers.line.biz/zh-hant/docs/messaging-api/getting-started/) 2. [Dialogflow官方文件──使用LINE整合](https://cloud.google.com/dialogflow/es/docs/integrations/line) 3. [Chatbot Taichung #2 工作坊- Dialogflow 串接 LINE bot 心得分享](https://medium.com/@nijia.lin/chatbot-taichung-2-%E5%B7%A5%E4%BD%9C%E5%9D%8A%E5%BF%83%E5%BE%97%E5%88%86%E4%BA%AB-bc964fdc07c3)