MS Teams 自适应卡“herocard”不适用于移动设备答案

【问题标题】：MS Teams adaptive card "herocard" not work on mobileMS Teams 自适应卡“herocard”不适用于移动设备
【发布时间】：2021-06-17 08:40:00
【问题描述】：

我正在为 MS Teams 创建机器人并使用 JS Microsoft Bot Framework V4 SDK。在我的工作中，我使用搜索消息扩展并使用它，我实现了返回自适应卡片的 onSelectItem 方法。下面我举一个代码示例。

    return Promise.resolve({
      type: "result",
      attachmentLayout: "list",
      attachments: [CardFactory.heroCard(
        `${file.name}`,
        `${text}`,
        undefined,
        CardFactory.actions([
          {
            type: "openUrl",
            title: "Open",
            value: `${openLink}`
          },
          {
            type: "openUrl",
            title: "Download",
            value: `${downloadLink}`
          },
        ]),
      )]
    });

在我传递未定义的地方，这应该是图片的路径，但在我的实现中我不需要它。因此，这段代码在浏览器和桌面版本中运行良好，这是一个屏幕截图

但是，在移动版本上，我得到以下结果

这绝对不是正确的卡片，它没有内容或按钮

【问题讨论】：

标签： javascript microsoft-teams adaptive-cards

【解决方案1】：

我想我自己找到了答案。当消息扩展搜索被触发时，onQuery 方法被调用，并假设你进行了一个查询，并收到了一个你想要显示的值的数组。在这里，以同样的方法，遍历数组，你必须一次抽两张牌。例如


files.forEach((file: IDocumentInfo): void => {
      const card: any = CardFactory.heroCard(
        cutString(file.name, LIMIT),
        text,
        undefined,
        [
          {
            type: "openUrl",
            title: "Open",
            value: "", // some value
          },
          {
            type: "openUrl",
            title: "Download",
            value: "" //some value,
          },
        ]
      );

      const preview: any = {
        contentType: "application/vnd.microsoft.card.thumbnail",
        content: {
          title: `${cutString(file.name, LIMIT)}`,
          text: "", // some text
        }
      };

在我的例子中，变量preview将响应搜索后的信息小视图，变量card将负责选择后的视图。而卡片被选中后，onSelectItem方法被触发，我需要获取更多关于文档的信息

原来这里不怪自适应heroCard，移动应用中没有调用onSelectItem方法，或者我做错了什么

【讨论】：