无法让imBack在与团队合作使用的自适应卡上工作

编程问答 2022-08-15

问题描述

我的机器人有一张菜单卡，最近发现它不适用于团队。我想使用imBack方法使消息显示在聊天中。我可以自己执行以下操作：

// For directline/webchat
"type": "Action.Submit","title": "Get Order Status","data": "Get Order Status"
},// For MS Teams
"type": "Action.Submit","data": {
    "msteams": {
        "type": "imBack","value": "Get Order Status"
    },},

但是，如果我使用Directline / Webchat版本，则会在Teams中遇到一般的bot错误（我相信该错误是因为该按钮未创建imBack消息，因此LUIS查询为空，并且我所有引用LUIS的代码诸如topIntent和score之类的属性会失败。由于机器人的设计，LUIS每次都需要调用。）同样，如果使用Teams版本，出于相同的原因，我也会在Directline / webchat中遇到一般的bot错误。最初，我尝试添加其他对象，例如我为msteams为其他频道ID创建的对象，但这并没有改变行为。根据信息here，我可以通过以下操作添加text属性并将其从context.activity.value复制到context.activity.text：

// In my card deFinition
"type": "Action.Submit","text": "Get Order Status"
},// In my onMessage handler
if (context.activity.channelData.postBack) {
    context.activity.text = context.activity.value.text;
}

当我以这种方式实现它时，它在两个渠道上都能在技术上起作用。但是，菜单选项（在这种情况下为获取订单状态）不会作为来自用户的消息（直接显示在聊天记录中）显示在聊天窗口中（直接显示在聊天记录中）网络聊天频道（适用于团队频道）。我真的希望它的行为方式与仅在Directline / Webchat实施中的数据属性处具有文本的方式相同。有什么方法可以设置卡（例如，通过不同的数据对象格式，根据通道发送不同的数据）和/或onMessage处理程序，以便在单击按钮时，无论通道如何，文本都将显示在聊天窗口中，并扩展为该文本将通过LUIS，这样我就不会因为LUIS属性为空而出现机器人错误？

我曾经想过要为Teams创建一个单独的卡片助手，并根据channelId从菜单意图中调用它，但是我希望有一个比这更优雅的解决方案，尤其是因为我有几种不同的解决方案带有提交按钮的卡片。

解决方法

如果您的卡不包含任何输入，那么我怀疑您需要英雄卡而不是自适应卡。英雄卡中的imBack会自动以您希望在网络聊天和团队中使用的方式工作。尽管自适应卡旨在适应其主机的样式，但是自适应卡没有内置的“ imBack”功能。字符串提交操作是Web聊天的功能，而Adaptive Card中的Bot Framework操作是Teams的功能。您正在尝试让自适应卡做自己无法完成的事情，因此，如果要这样做，就需要考虑您的特定渠道。

从此答案开始：How to rewrite a Adaptive Card Submit Action for MSTeams also working in Web Chat?

我的博客文章解释说，如果要使用字符串提交操作，则需要在Web聊天和团队中进行不同的操作：https://blog.botframework.com/2019/07/02/using-adaptive-cards-with-the-microsoft-bot-framework/

如果您想在两个通道中以相同的方式进行相同的提交操作，则需要将其作为对象提交操作。如果您希望字符串提交操作在两个通道上都起作用，那么您的漫游器将需要检查活动来自哪个通道并做出相应的反应。

,

“ imBack”属性在MS Teams中效果很好。对于webcat和msteam，最好使属性“ data”保持不同。对于MS小组，请使用以下结构：

 "msteams": {
    "type": "imBack","value": <value>
             }
       }
,

尽管Kyle的回答是正确的（取决于您的用例），但对我而言，正确的解决方案最终是在调用帮助器时基于通道在卡帮助器功能之间进行切换。因此，就像我最初的问题一样，我仍在使用

// For directline/webchat
"type": "Action.Submit","title": "Get Order Status","data": "Get Order Status"
},// For MS Teams
"type": "Action.Submit","data": {
    "msteams": {
        "type": "imBack","value": "Get Order Status"
    },},

但是我要在两个完全独立的助手中构建卡片，对我来说，它们分别是GetMenuCard和GetMenuCardTeams。然后，在所有需要显示菜单卡的地方，我首先要进行此检查：

if (context.activity.channelId == 'meteams') {
    var menuCard = CardHelper.GetMenuCardTeams(cardOptions);
} else {
    var menuCard = CardHelper.GetMenuCard(cardOptions);
}

请注意，您需要根据检查位置调整变量。 context.activity.channelId适用于大多数地方。如果您在瀑布中，则将需要step.context.activity.channelId（或任何您命名为step context变量的变量，step和stepContext似乎是人们最常用的方法）。在我的QnA对话框中，我没有传递上下文，而只是传递活动，但是仍然可以通过activity.channelId起作用（该助手只是传递一个答案，而不发送活动，这就是为什么我不需要传递上下文）。因此，您不需要上下文即可设置帮助程序功能，但是至少需要活动或获取渠道ID的方法。

我已经实现了这一点，并发现它是我预期用例的最佳解决方案。但是，如果您不想弄乱所有if语句，而只希望一张卡在两个渠道中都能按预期工作，那么Kyle回答使用Hero Cards就是更好的方法。

adaptive-cardsbotframeworkmicrosoft-teamsweb-chat