Azure Bot Service - 聊天機器人教學 - 04

將聊天機器人放到 Facebook Messenger 上
上一篇已經讓聊天機器人可以在網際網路上被存取,那接下來就把它放到 Facebook Messenger 上
Facebook Messenger 不論是在歐美或是亞洲都是極其流行的聊天軟體(中國除外),Bot Framework 已經直接支援 Facebook Messenger,不過還是需要設定一下
1. 粉絲專頁
Facebook Messenger 的聊天機器人是建立在粉絲專頁的基礎上,所以需要先有一個粉絲專頁,粉絲專頁的建立過程網路上有很多教學,這邊就不多著墨
2. Azure Bot Service 新增 Facebook Channel
先到 Azure Bot Service 的 Portal 中選擇『Channels』,再於視窗下方選擇『Facebook Messenger』

Azure Bot Service Channels
點選後,會看到要求填入相關資訊的欄位,這邊先跳過,晚點回來填,往下拉到『Callback URL and Verify Token for Facebook』區域

New Facebook Channel

Callback URL and Verify Token for Facebook
走了此資訊,先去設定 Facebook App
3. 新增 Facebook App
有了粉絲專頁後,還需要有一個 Facebook App
前往:facebook for developers,登入 facebook 帳號
於右上角『我的應用程式』點選『新增應用程式』,並輸入應用程式名稱建立

facebook for developers

新增應用程式
點選設定 Messenger

設定 Messenger
首先先選擇要關連的粉絲專頁,產生粉絲專頁存取權杖

粉絲專頁存取權杖
設定 Webhook

設定 Webhook
點選『設定 Webhooks』,將步驟 2 拿到的 Callback Url 與 Verify Token 填入此處,『Subscription Field』中將:messages、messaging_postbacks、messaging_optins、message_deliveries,四個 Checkbox 勾選起來

設定 Webhooks
到此 Facebook App 就已設定完畢
接下來要將 Facebook App 相關資訊填入 Azure Bot Service 的 Facebook Channel 中
4. 填入 Facebook Channel 資訊

Facebook App Id & Secert
Facebook Page ID 填入粉絲專頁的編號,可使用此工具查詢:Find my Facebook ID
Facebook App Id 對應到『應用程式編號』
Facebook App Secret 對應到『應用程式密鑰』
Page Access Token 填入於上一步驟產生的『粉絲專頁存取權杖』
完成後按下『儲存』就完成了,就可以開始進行測試

bots-nodejs

![[IT 鐵人賽] ASP.NET Core 與 Log 紀錄和追蹤的愛恨交織 - Day 05 - Elmah - 02](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1776070454149%2Fa0702417-5357-4217-a572-7ba53ea36735.png&w=3840&q=75)
![[IT 鐵人賽] Azure Data Service - Day 04 - Cognitive Service - 辨識 - Video Indexer](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1776070473207%2F6423fd4a-4041-4bb2-b918-4cfe3f9aea5e.png&w=3840&q=75)