如何在botframework webchat中使用React.js创建自定义卡片（如自适应卡片）？

Question

我想在Botframework Webchat中使用Reactjs创建自定义卡片（如自适应卡片、英雄卡转盘模型）。是否可以在webchat中创建自定义卡片。如果可以，我怎么才能实现。任何帮助将是非常感激的。

Answer 1

为了在自己的应用程序中使用AdaptiveCards，使用任何JS框架，卡片背后的团队提供了3个包。

• https:/www.npmjs.compackageadaptivecards-templating
• https:/www.npmjs.compackageadaptivecards
• https:/www.npmjs.compackageadaptivecards-designer

你可以在任何微软环境之外，在自己的应用程序中完全实现自适应卡功能。

围绕这一点的官方指南可以在这里找到。https:/docs.microsoft.comen-usadaptive-cardsrendering-cardsgetting-started（自适应卡）。

一些进一步的指南和例子可以在这里找到。

• https:/www.madewithcards.io 其中展示了很多样品卡
• https:/www.github.comteamworkvscode-projects 一个用卡片制作的vscode扩展
• https:/[e-mail]-cards-what-else-can-you-use-them-for-1cf6f9819c1a

还有不少各种JS框架的工具，如Vue.JS或React或Flutter。还有Webcomponents。你可以在这里找到大部分的工具。https:/www.madewithcards.iotools