编辑Microsoft ChatBot UIdevise

我已经通过Azue BotService设置了一个QnA Bot，我想使用WebChat频道，但聊天界面的默认MS Design非常平淡无奇; 有没有办法让我编辑它？

是否有可能在左侧形成默认的主题，所以像下面图片右侧的新西兰航空公司的机器人？

Answer 1

这取决于你想如何整合在你的网页聊天，但是有可能改变方面，它只是css和js

所有的细节都在网上聊天的GitHub帐户上提供： https ： //github.com/Microsoft/BotFramework-WebChat

简单来说：

想要运行WebChat的自定义生成？ 克隆这个回购，改变它，build立它，并引用你build立的botchat.css和botchat.js文件。

和造型：

造型

在/ src / scss /文件夹中，您将find用于生成/botchat.css的源文件。 运行npm run build-css，一旦你做了修改就可以编译。 对于基本品牌，更改colors.scss以匹配您的配色scheme。 对于高级样式，更改botchat.scss。

Answer 2

截至目前，Microsoft不允许您编辑Chatbot的UI。 要在客户端使用自己的UI，您将不得不使用DirectLine API进行通信。 示例程序在这里：

C＃： https ： //github.com/Microsoft/BotBuilder-Samples/tree/master/CSharp/core-DirectLine

Node.js： https ： //github.com/Microsoft/BotBuilder-Samples/tree/master/Node/core-DirectLine