【Azure 機械人】微軟Azure Bot 編輯器系列(5) : 機械人的卡片式回復 (The Bot Framework Composer tutorials)
- 2021 年 6 月 20 日
- 筆記
- 【Azure 機械人】, Azure Bot Service, Bot Framework Composer, 創建一個簡單的對話天氣機械人, 機械人的卡片式回復
歡迎來到微軟機械人編輯器使用教程,從這裡開始,創建一個簡單的機械人。
在該系列文章中,每一篇都將通過添加更多的功能來構建機械人。當完成教程中的全部內容後,你將成功的創建一個天氣機械人(Weather Bot)。在本系列中將學會以下內容:
4)使用語言生成功能(LG: Language Generation)
5)把機械人的回復轉換為卡片
6)添加LUIS功能,理解自然語言
準備條件
- 完成系列(1,2,4)中的簡單對話機械人創建(//www.cnblogs.com/lulight/p/14891002.html),發送HTTP請求(//www.cnblogs.com/lulight/p/14897260.html)和使用LG(//www.cnblogs.com/lulight/p/14902657.html)
- LG: Language Generation (//docs.microsoft.com/en-us/composer/concept-language-generation?tabs=v2x) 在Bot中定義多種形式的短語,根據機械人運行時的參數組合生成回復內容。
- Cards: 讓機械人能使用圖片+文字,音頻或者按鈕多樣化的形式提供響應(//docs.microsoft.com/en-us/azure/bot-service/bot-service-design-user-experience?view=azure-bot-service-4.0#cards)。
添加Button
Button作為一個建議操作添加在機械人與人之間的對話中,通過預設按鈕,代替輸入文字,改善用戶體驗。讓我們在本文你中為輸入郵政編碼的提問部分增加「Help」和「Cancel」兩個按鈕。
第一步:啟動Bot編輯器,打開 weather_bot 項目
第二步:在getWeather對話組件中,選擇「BeginDialog」事件 ,在其第二個組件「Prompt for text」的右側屬性欄中,點擊文本旁邊的「+」號按鈕。
第三步:在彈出的窗口中選擇「建議的操作」。然後點擊「Add suggested action」並在文本框中輸入「 HELP 」. 重複點擊「Add suggested action」,再次輸入「 CANCEL 」
第三步(可選):也可以通過修改代碼的方式添加SuggestedActions。操作步驟為:
在屬性欄的右邊,選擇顯示代碼
在Activity中添加SuggestedActions屬性。代碼內容如下:
[Activity Text = What is your postal code? SuggestedActions = help | cancel ]
UI顯示效果如:
讓我們一起來觀看添加動畫及效果演示:
添加Cards
第一步:在getWeather對話的True分支下,選擇”Send a response“組件
第二步:在右邊的屬性欄中,點擊「+」號按鈕,在下拉列表中選擇「Attachments」
第三步:在出現的附件欄中,點擊 「 添加新附件 」 –> 「 通過模板創建 」 –> 「 縮略圖卡 」
第四步:在代碼編輯框中會列出縮略圖模板所需要填充的內容。可以使用以下的內容替換:
[ThumbnailCard title = Weather in ${dialog.city} in ${dialog.country} text = ${DescribeWeather(dialog.weather)} image = http://openweathermap.org/img/wn/${dialog.icon}@2x.png ]
完成以上4步後,一起觀看添加Cards及效果演示:
在下一篇中將演示:添加LUIS功能,理解自然語言
(以上內容均是參考微軟官方的機械人文檔進行的中文操作步驟,原文連接見參考資料)
參考資料
Design the user experience: //docs.microsoft.com/en-us/azure/bot-service/bot-service-design-user-experience?view=azure-bot-service-4.0#cards
[完]