iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 6
1

前言

可以銜接聊天機器人的服務很多,其目的與用途有不同;前一章節我們介紹 Slack 與 Bot 之間的介接,多數可能用於工作與討論群組;這一章節我們所介紹介接 Facebook messages,可以用於行銷、客服或宣傳。當你決定開始製作聊天機器人的同時,可以先思考用途,再決定與哪個服務介接。

Facebook messages 設定

Step 1. 首先你要有個 Facebook 粉絲專頁:https://www.facebook.com/bookmarks/pages 這個連結可以建立新的粉絲專頁。您可以嘗試建立一個,我用的粉絲專頁 https://www.facebook.com/JustCoding4Fun/ 如下圖:
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512750652879_image.png

Step 2. 在關於這個頁面有粉絲團編號,先記下這個編號,我們等等會用到
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512832644986_image.png

Step 3. 接下來我們需要一個 Facebook app
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512838574188_image.png

Step 4. 建立完成後,我們也記下應用程式編號與秘鑰
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512832863145_image.png

Step 5. 接下來我們要開啟 message 服務:點選新增產品 → 設定
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512832973484_image.png

Step 6.找到權杖產生 → 選擇粉絲頁面 (需要登入 Facebook ),會產生粉絲專頁存取權杖,請記錄下來
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512833118658_image.png
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512833179331_image.png

Step 7. 接下來選擇 Webhooks,你會看見需要填寫 回呼網址(callback URL) 與 驗證權杖(Verfiy Token),這是什麼 ?
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512833265562_image.png
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512833439734_image.png

Step 8. 我們回到 Bot framework 站台 → Channel → Facebook Message,拉到下方就可以看見回呼網址(callback URL) 與 驗證權杖(Verfiy Token)。
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512750480633_image.png
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512833707792_image.png

Step 9. 將剛剛資料貼回,並在訂閱欄位勾選 messages, message_postbacks, messaging_optins與message_deliveries
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512836234139_image.png
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512836213920_image.png

Step 10. 回到 botframework 設定畫面,將前面步驟的粉絲團 ID、Facebook app ID, 秘鑰 與粉絲專頁存取權杖 填入並點選Save
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512834135914_image.png

Step 11. 接下來要新增審查內容,點選新增後 → 編輯細節。完成後提交審查,審查通過後就能夠使用
註:您可以指提交 pages_messaging項目
https://d2mxuefqeaa7sj.cloudfront.net/s_40CD83AE097B53C5E89AE16099B5BE5D1DBFB5B846F48D360BB4AFEBCBE72F61_1512835140467_image.png

參考資料

  1. https://docs.microsoft.com/zh-tw/bot-framework/channel-connect-facebook -Microsoft Docs

沒想到 Facebook Bot 設定如此的嚴謹,還需要審核後才能運作 /images/emoticon/emoticon16.gif


上一篇
05. Bot Framework 應用: Slack 機器人
下一篇
07. 應用:透過 Skype Bot 建立簡易查詢(對話)功能
系列文
利用 MS Bot framework 與 Cognitive Service 建構自用智慧小秘書31

1 則留言

0
dannyball710
iT邦新手 5 級 ‧ 2019-12-30 02:16:42

求解,功能都還開始做要怎麼審核???

我要留言

立即登入留言