如何在机器人框架中添加 HTML 按钮

Question

我最近开始 .net 开发，目前，我正在使用 Microsoft 机器人框架在 .net 中开发聊天机器人应用程序。现在我必须在 azure Bot 框架上创建 附件 UI，但我还没有找到任何解决方案。请帮助我在 Bot 框架上创建附件 UI。

提前致谢

Answer 1

您可以使用自适应卡片。这是相同的 link。

Adaptive Cards 是 UI 的平台不可知片段，创作于 JSON，应用程序和服务可以公开交换。当传送到特定应用程序时，JSON 会转换为原生 UI，自动适应其周围环境。

Answer 2

您可以使用 Adaptive Cards 在使用 Bot 框架的 Chatbot 中呈现各种表单和按钮。自适应卡将支持不同的渠道，如 MS Teams、Web Chat、Emulator 等。

根据您的要求，自适应卡 JSON 结构将如下所示。此外，您可以使用 Adaptive Card Designer

设计和验证您自己的自适应卡片

{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"actions": [
    {
        "type": "Action.Submit",
        "title": "HealthFirst",
        "associatedInputs": "none"
    },
    {
        "type": "Action.Submit",
        "title": "Credit Card Services"
    },
    {
        "type": "Action.Submit",
        "title": "Insta Account"
    },
    {
        "type": "Action.Submit",
        "title": "WhatsApp Banking"
    }

]
}

我们可以验证可用于自适应卡设计的支持通道和版本。

示例输出：

输出 UI 将根据您要用于聊天机器人开发的渠道而变化。 MS Team 通道中给定的渲染输出（检查自适应卡设计器 URL）。

参考：

Adaptive Card samples

如何在机器人框架中添加 HTML 按钮

How add HTML Button in bot framework

c#

asp.net-core

botframework

azure-bot-service

adaptive-cards