编辑Microsoft ChatBot UI设计

Question

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

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

Answer 1

这取决于你想如何在你的页面的在线访谈整合，但是是有可能改变的方面，这只是css和js

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

几句话：

想与r取消WebChat的自定义构建？克隆这个回购，改变它，建立它，并引用你建立的botchat.css和botchat.js文件。

而对于造型：

造型

在/ src目录/ SCSS /文件夹，你会发现源文件生成 /botchat.css。一旦你做出 更改，运行npm run build-css进行编译。对于基本品牌，更改colors.scss以匹配您的颜色 方案。对于高级样式，更改botchat.scss。

Answer 2

从当天开始，Microsoft不允许您编辑Chatbot的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