Microsoft Chatbot 的自定义聊天界面

Custom chat interface for Microsoft Chatbot

我想根据下图使用 Microsoft Bot 框架构建自定义聊天机器人应用程序

这如何处理图像和按钮?我们需要唯一地处理每个按钮/卡片吗? 我们还需要处理移动应用程序中的渲染吗?对可用样本和策略的任何帮助或指导都会很有用。

对于 Stack Overflow 来说,这个问题可能太宽泛了,所以我的回答会很宽泛,但我会尽我所能来回答这个问题。

I would like to build a custom chatbot application using Microsoft Bot framework based on the following image

您可以使用 WebChat 来完成此操作,但要进行这种自定义需要做很多工作。这些可能是值得一看的好样本:

要获得中间的 form/card,请使用 Adaptive Cards

How does this work with images and buttons? Do we need to handle each button /card uniquely?

您在设计自适应卡片时具有很大的灵活性。这里 some samples. This blog post 将告诉您关于如何实施它们所需的一切。

它们与图像和按钮配合得很好,并且可以独特地处理

Do we need to take care of rendering in a mobile application as well?

WebChat 和 Adaptive Cards 在移动环境中都能很好地工作。考虑一下他们 "responsive".