如何使用 React.js 在僵尸框架网络聊天中创建自定义卡片(如自适应卡片)?



我想使用 Reactjs 在 Botframework Webchat 中创建自定义卡片(如自适应卡片、英雄卡片轮播模型(。是否可以在网络聊天中创建自定义卡片。如果是,我该如何实现这一目标。任何帮助将不胜感激。

为了在你自己的应用程序中使用AdaptiveCards,使用任何JS框架,cards背后的团队提供了3个软件包:

  • https://www.npmjs.com/package/adaptivecards-templating
  • https://www.npmjs.com/package/adaptivecards
  • https://www.npmjs.com/package/adaptivecards-designer

可以在任何Microsoft环境之外的自己的应用中完全实现自适应卡片功能。

有关这方面的官方指南可以在这里找到:https://learn.microsoft.com/en-us/adaptive-cards/rendering-cards/getting-started

可以在此处找到一些进一步的指南和示例:

  • https://www.madewithcards.io 显示了很多示例卡
  • https://www.github.com/teamwork/vscode-projects VSCODE 扩展 用卡片制作
  • https://medium.com/@tim.cadenbach/adaptive-cards-what-else-can-you-use-them-for-1cf6f9819c1a

还有相当多的工具用于各种JS框架,如Vue.JS或React或Flutter。还有网络组件。您可以在此处找到大多数工具:https://www.madewithcards.io/tools/

最新更新