天天看點

【Azure 機器人】微軟Azure Bot 編輯器系列(5) : 機器人的卡片式回複 (The Bot Framework Composer tutorials)

歡迎來到微軟機器人編輯器使用教程,從這裡開始,建立一個簡單的機器人。

在該系列文章中,每一篇都将通過添加更多的功能來建構機器人。當完成教程中的全部内容後,你将成功的建立一個天氣機器人(Weather Bot)。在本系列中将學會以下内容:

1)建立一個簡單的對話天氣機器人

2)在機器人中提出問題,并擷取從HTTP API擷取響應

3)在機器人中增加幫助提示和取消功能

4)使用語言生成功能(LG: Language Generation)

5)把機器人的回複轉換為卡片

6)添加LUIS功能,了解自然語言

準備條件

  • 完成系列(1,2,4)中的簡單對話機器人建立(https://www.cnblogs.com/lulight/p/14891002.html),發送HTTP請求(https://www.cnblogs.com/lulight/p/14897260.html)和使用LG(https://www.cnblogs.com/lulight/p/14902657.html)
  • LG: Language Generation (https://docs.microsoft.com/en-us/composer/concept-language-generation?tabs=v2x) 在Bot中定義多種形式的短語,根據機器人運作時的參數組合生成回複内容。
  • Cards: 讓機器人能使用圖檔+文字,音頻或者按鈕多樣化的形式提供響應(https://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顯示效果如:

【Azure 機器人】微軟Azure Bot 編輯器系列(5) : 機器人的卡片式回複 (The Bot Framework Composer tutorials)

讓我們一起來觀看添加動畫及效果示範:

【Azure 機器人】微軟Azure Bot 編輯器系列(5) : 機器人的卡片式回複 (The Bot Framework Composer tutorials)

添加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及效果示範:

【Azure 機器人】微軟Azure Bot 編輯器系列(5) : 機器人的卡片式回複 (The Bot Framework Composer tutorials)

在下一篇中将示範:添加LUIS功能,了解自然語言

(以上内容均是參考微軟官方的機器人文檔進行的中文操作步驟,原文連接配接見參考資料)

參考資料

Tutorial: Add cards and buttons to your bot:https://docs.microsoft.com/en-us/composer/tutorial/tutorial-cards?tabs=v2x

Design the user experience: https://docs.microsoft.com/en-us/azure/bot-service/bot-service-design-user-experience?view=azure-bot-service-4.0#cards

[完]

當在複雜的環境中面臨問題,格物之道需:濁而靜之徐清,安以動之徐生。 雲中,恰是如此!