AdaptiveCard 未在 Bot Framework Emulator / Web Chat 中呈现

Question

真的希望有人能帮忙解决这个问题。

我正在尝试实现 - 使用 QnAMaker.ai 和 Azure Bot Services 和 AdaptiveCards 来提供丰富内容的无代码聊天机器人。

我设置并发布了一个知识库，我在 Azure 中设置了一个机器人来提供该内容，并且在第一阶段它似乎可以正常工作。

现在我正在尝试添加 AdaptiveCards 在 VSCode 中打开和编辑解决方案 - 我真的希望将所有这些都包含在无代码解决方案中。

我在 Google 上搜索了如何添加自定义卡片/内容，发现 this post by LiveTiles - 非常好 - 我想，我可以添加缩小的 JSON，它会呈现我想要的 - 可爱的东西！

但是；尽管 LiveTiles 网站上有实时输出渲染，但当我使用该 JSON 时，我无法通过 Web Chat 或 Bot Framework Emulator 渲染它。

我试过了……

• 将原始 JSON 复制/粘贴到 QnAPair

{
    "contentType": "application/vnd.microsoft.card.adaptive",
    "content": {
        "type": "AdaptiveCard",
        "version": "1.0",
        "body": [
            {
                "type": "Image",
                "url": "",
                "size": "stretch",
                "selectAction": {
                    "type": "Action.OpenUrl",
                    "title": "Test",
                    "url": "https://www.livetiles.nyc/"
                }
            },
            {
                "type": "TextBlock",
                "text": "This is an adaptive card - if this renders it means it's worked!",
                "wrap": true
            }
        ],
        "actions": [
            {
                "type": "Action.Submit",
                "title": "Let's get started!",
                "url": "Let's get started!"
            }
        ]
    }
}

• 将缩小的 JSON 复制/粘贴到 QnAPair

{"contentType":"application/vnd.microsoft.card.adaptive","content":{"type":"AdaptiveCard","version":"1.0","body":[{"type":"Image","url":"","size":"stretch","selectAction":{"type":"Action.OpenUrl","title":"Test","url":"https://www.livetiles.nyc/"}},{"type":"TextBlock","text":"This is an adaptive card - if this renders it means it's worked!","wrap":true}],"actions":[{"type":"Action.Submit","title":"Let's get started!","url":"Let's get started!"}]}}

• 制作源 Excel 文件（包括 JSON）并将其添加到知识库中

当我问它时，我所有的尝试都以机器人向我吐出实际的 JSON 告终。不是我想要的可爱的渲染卡片。

LiveTiles 网站上的渲染：

不在模拟器上渲染

或在网上聊天

在 QnAMaker.ai 测试函数中

真的希望有人可以对此提供一些见解或建议。

Answer 1

请尝试下面的 json 它对我有用，

{
  //"contentType": "application/vnd.microsoft.card.adaptive",
  //"content": {
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
      {
        "type": "Image",
        "url": "",
        "size": "stretch",
        "selectAction": {
          "type": "Action.OpenUrl",
          "title": "Test",
          "url": "https://www.livetiles.nyc/"
        }
      },
      {
        "type": "TextBlock",
        "text": "This is an adaptive card - if this renders it means it's worked!",
        "wrap": true
      }
    ],
    "actions": [
      {
        "type": "Action.Submit",
        "title": "Let's get started!",
        "url": "Let's get started!"
      }
    ]
  //}
}

我在下面添加了一个截图，请检查

code for send card as an attachment :
 var cardAttachment = Common.CreateAdaptiveCardAttachment();
                await turnContext.SendActivityAsync(MessageFactory.Attachment(cardAttachment), cancellationToken);