Microsoft ChatBotのUIデザインを編集する

Question

Azue BotServiceを使用してQnA Botをセットアップしましたが、WebChatチャンネルを使用したいのですが、チャットインターフェイスのデフォルトのMSデザインはまったく珍しいです。それを編集する方法はありますか？

デフォルトのテーマを左に作成することはできますか？そのため、下の画像の右側にあるAir New Zealandのボットのようなものはありますか？

Answer 1

それはすべての詳細はGitHubのアカウントに設けられているだけcssとjs

だ、それはあなたのページにウェブチャットを統合する方法によって異なりますが、はい、側面を変更することが可能です

Rにしたい：いくつかの単語でhttps://github.com/Microsoft/BotFramework-WebChat

：ウェブチャットについてWebChatのカスタムビルドはできませんか？このリポジトリをクローンし、変更し、ビルドし、構築したbotchat.cssとbotchat.jsファイルを参照してください。

とスタイリングのために：

スタイリング

/SRC/SCSS /フォルダで、あなたは /botchat.cssを生成するためのソースファイルを検索します。 を変更したら、npm run build-cssを実行してコンパイルしてください。基本的なブランドについては、あなたの色に合わせてcolors.scssを変更してください スキーム。高度なスタイリングの場合は、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