如何使用 React.js 在 botframework 网络聊天中创建自定义卡片(如自适应卡片)?
How to create custom cards (like adaptive cards) in botframework webchat using React.js?
我想使用 Reactjs 在 Botframework Webchat 中创建自定义卡片(如自适应卡片、英雄卡片轮播模型)。是否可以在网络聊天中创建自定义卡片。如果是,我该如何实现。非常感谢任何帮助。
要在您自己的应用程序中使用 AdaptiveCards,使用任何 JS 框架,卡片背后的团队提供了 3 个包:
- https://www.npmjs.com/package/adaptivecards-templating
- https://www.npmjs.com/package/adaptivecards
- https://www.npmjs.com/package/adaptivecards-designer
您可以在任何 Microsoft 环境之外的您自己的应用程序中完全实现自适应卡片功能。
官方指南可以在这里找到:https://docs.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。还有 Webcomponents。您可以在此处找到大部分工具:https://www.madewithcards.io/tools/
我想使用 Reactjs 在 Botframework Webchat 中创建自定义卡片(如自适应卡片、英雄卡片轮播模型)。是否可以在网络聊天中创建自定义卡片。如果是,我该如何实现。非常感谢任何帮助。
要在您自己的应用程序中使用 AdaptiveCards,使用任何 JS 框架,卡片背后的团队提供了 3 个包:
- https://www.npmjs.com/package/adaptivecards-templating
- https://www.npmjs.com/package/adaptivecards
- https://www.npmjs.com/package/adaptivecards-designer
您可以在任何 Microsoft 环境之外的您自己的应用程序中完全实现自适应卡片功能。
官方指南可以在这里找到:https://docs.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。还有 Webcomponents。您可以在此处找到大部分工具:https://www.madewithcards.io/tools/