Skip to main content

Command Palette

Search for a command to run...

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

Updated
1 min read
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

More from this blog

Career-Ops 安裝與設定 — 用 AI 來幫你篩職缺、客製履歷

最近在看新的工作機會,光是瀏覽職缺、比對 JD、調整履歷就花了不少時間。 後來找到 Career-Ops 這個開源專案 作者 santifer 用這套系統篩了 740 多個職缺、產出 100 多份客製化履歷,最後拿到 Head of Applied AI 的 offer。 看起來蠻有意思的,所以我就在 Windows 上實際裝了一輪,這篇就來把整個安裝和設定的過程記錄下來。 我這邊搭配的 AI 後

Apr 12, 20265 min read
Career-Ops 安裝與設定 — 用 AI 來幫你篩職缺、客製履歷

讓 LLM 自動化你的 N8N 工作流程:n8n-mcp-server 安裝指南

前言 網路上一大堆都是在介紹如何在 N8N 裡面用 MCP 來呼叫其他工具,但是更多時候我希望 LLM 能直接幫我寫好或是修改 N8N 的工作流程 所以這篇就來介紹如何設定與使用 n8n-mcp-server 來讓 LLM 幫忙操控 N8N 在 GitHub 上有不少的 n8n-mcp-server,經過一下下的簡單搜索,我決定使用這個專案: n8n-mcp-server 原因在於說這個專案的實作提供了基本上所有需要編輯工作流程的功能,以下就來記錄安裝過程 MCP Server 設定 首先當然...

May 28, 20253 min read

[IT 鐵人賽] ASP.NET Core 與 Log 紀錄和追蹤的愛恨交織 - Day 05 - Elmah - 02

.NET Core Logging- Elmah 02 上一篇我們提到了基本的使用方式,接下來的這一篇我們就來講講要怎麼把 Log 放到不同的儲存體上,以及如何過濾 Log Log 儲存方式 我們先來看這些 Log 倒底存在哪裡,目前共有三種儲存方式,如下: MemoryErrorLog — store errors in memory 預設為使用此方式,簡單來說就是將錯誤 Log 都存在記憶體裡,所以只要應用程式一重新啟動,Log 就沒了;但是也是最方便的方式,只是要注意如果 Log 太...

Oct 20, 20182 min read
[IT 鐵人賽] ASP.NET Core 與 Log 紀錄和追蹤的愛恨交織 - Day 05 - Elmah - 02

[IT 鐵人賽] ASP.NET Core 與 Log 紀錄和追蹤的愛恨交織 - Day 04 - Elmah - 01

.NET Core Logging- Elmah 01 Elmah 是我最一開始使用的 Log 工具,基本上它的功能就是將應用程式所有發生的錯誤記錄下來,不需要改變程式架構,而且又有介面可以觀看,十分的方便;它從 WebForm 時代就有了,到了 MVC 也是運作的很好,那這邊就來介紹一下 Elmah 要如何在 ASP.NET Core 中使用 (.NET Core 也可使用)。 不過很可惜的,目前並沒有釋出官方的 Elmah for .NET Core,不過有一個新專案: ElmahCore...

Oct 19, 20181 min read
[IT 鐵人賽] ASP.NET Core 與 Log 紀錄和追蹤的愛恨交織 - Day 04 - Elmah - 01

[IT 鐵人賽] Azure Data Service - Day 04 - Cognitive Service - 辨識 - Video Indexer

Azure Data Service - Day 04 - Cognitive Service - Vision - Video Indexer 前面幾篇都是介紹靜態影像的辨識與分析,那這篇就來到針對影片來做處理。 Cognitive Service 針對影片辨識的部分提供了:Video Indexer 它整合了許多功能,在這邊列出一些比較重要的功能: 語系偵測 可以自動偵測出這個影片是屬於哪個語系,目前支援: English, Spanish, French, German, Italia...

Oct 19, 20181 min read
[IT 鐵人賽] Azure Data Service - Day 04 - Cognitive Service - 辨識 - Video Indexer

BrainBurst, HeadFirst

45 posts

學習學到老,撞牆撞到腦. A lifelong quest—with forehead dents.