Chatbot 02 — 使用 Microsoft Bot Framework 建立 Bot Connector

在這邊簡單記錄一下如何使用 Microsoft Bot Framework 建立 Bot Connector

Microsoft Bot Framework
Step 1. 開啟網站

開啟網站並登入
- 先使用微軟帳號進行登入的動作
- 點選 “My bots” 按鈕可以進入到 Bot 列表畫面,此列表會列出目前所擁有的 Bot,如下

Bot 列表
點選 “Create a bot” 按鈕來建立一個新的 Bot
Step 2. 建立新的 Bot

歡迎畫面
首先會看到的是歡迎畫面,直接點選 “Register” 來繼續

第一區段 - Bot Profile
第一區段會要求填入一些基本資料,說明如下
Icon 可以上傳自訂的 Icon
Display name:給 Bot Connector 一個名稱,最多只能 35 個字元,暫時不支援中文,可以使用英文大小寫、數字與 “-”,盡量不要使用特殊符號,目前特殊符號支援度不是很好
Bot handle:這是這個 Bot Connector 的唯一代號,使用在 Bot Connector 未來的連結 URL 上,所以不能跟其他的 Bot 重複(不只是自己的),如:https://facebook.botframework.com/api/v1/bots/{bot handle}
Long description:可以描述此 Bot Connector 的功能與用途

第二區段 - Configuration
第二區段為 Bot 的相關設定,說明如下
Message endpoint:使用 Bot Builder SDK 或 REST API 所寫出來之 Bot 的溝通介面,將其 URL 貼上來,必須使用 HTTPS 協定,例如:https://ubike.azurewebsites.net/api/messages
Create Microsoft App ID and password:這邊會向 Microsoft 註冊一組 Bot 使用的帳號(App ID)與密碼(Password),用意是避免隨意人知道了網址就可以使用你的 Bot,如同登入服務的帳號密碼一般
點選 “Create Microsoft App ID and password” 按鈕後會開一新視窗,如下圖

Create Microsoft App ID and password
這邊會列出 Bot Connector 的名稱,以及將產生給他的應用程式識別碼(App ID),直接點選 “產生應用程式密碼以繼續” 按鈕來進行下一步動作

產生應用程式密碼以繼續
點選 “產生應用程式密碼以繼續” 按鈕後,會看到如下圖密碼提示視窗,這邊密碼只顯示一次,務必在此步驟就先把密碼記到別處,若忘記可以透過管理再產生一組新的密碼

記下後即可按下 “按鈕” 以及 “完成,返回 Bot Framework” 按鈕,回到 Bot Connector 設定頁面

完成,返回 Bot Framework
可以看到 App ID 欄位已經被自動填入了
到此設定區段已經設定完畢,到這邊主要的設定都已經完成,接下來是一些選擇性的設定,如分析功能等

Analytics
此區段為分析設定,可以透過 Azure 的 App Insight 來分析 Bot 的相關資料
若要使用此分析功能,必須先前往 Azure 設定好 App Insight 來取得相關金鑰,然後填入此區段

Admin
最後就是填寫管理者的 Mail,預設會自動帶入登入帳號的 Mail,但是還是可以修改成別的 Mail
點選 “I agree ..” 來同意使用者條約,最後按下 “Register” 按鈕進行註冊

成功建立
看到此畫面即代表 Bot Connector 已經成功建立
皆下來就是設定相關 Channel 的部分

![[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)