渲染团队将消息作为卡片进行渠道

问题描述

我正在使用Angular开发前端应用程序，该应用程序应在Teams频道中显示对话。目前，在显示聊天消息时我有点迷路。据我了解，Teams使用AdaptiveCard来显示不同类型的消息，例如“ vnd.microsoft.card.thumbnail”，并且应该使用AdaptiveCard来将卡呈现为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”。

我想念什么？

非常感谢， 布鲁诺

解决方法

我认为使用自适应卡无法实现您想要的功能。据我了解，您希望将Microsoft Graph API（'/ teams / {tid} / channels / {cid} / messages'）的JSON结果呈现为Adaptive Card，而不进行任何处理。这不会发生。您应该先解析数据，然后将其映射到自适应卡JSON值。