将团队通道消息呈现为卡片

Question

我正在开发一个使用Angular的前端应用程序，应该可以在团队频道中显示对话。目前，我在显示聊天消息时有点迷茫。据我所知，团队使用AdaptiveCards来显示不同类型的消息，比如“vnd.microsoft.card.thumbails”，并且应该使用AdaptiveCards来将卡片渲染为HTML，而不是手动创建各种HTML模板。

但这正是我失败的地方：

这个基本的示例运行得很好：https://docs.microsoft.com/de-de/adaptive-cards/sdk/rendering-cards/javascript/render-a-card，但是当我试图用从Microsoft Graph API ('/teams/{tid}/channels/{cid}/messages')收到的数据来呈现一张卡片时，它什么也没有显示。看起来这些数据似乎并不吻合。例如，AdaptiveCards有一个名为'actions‘的属性，而Graph的chatMessage对象有'buttons’。

我遗漏了什么？

谢谢你，布鲁诺

Answer 1

我不认为你可以使用适配卡达到你想要的效果。据我所知，您希望来自Microsoft Graph API的JSON结果('/teams/{tid}/channels/{cid}/messages')呈现为自适应卡而不进行任何处理。这是不会发生的。您应该解析数据，然后将其映射到适配卡JSON值。