我想在 webchat 或 directLine canal 上与 Azure Chatbot（使用 Typescript 开发）进行自定义对话（更改对话的颜色，一种用于机器人，另一种用于用户） 我尝试使用此 Microsoft 文档：https://docs.microsoft.com/fr-fr/azure/bot-service/bot-builder-webchat-customization?view=azure-bot-service-4.0
当我在我的项目中添加一个 index.html 时，它可以使用以下命令在本地工作：npx serve
但是，当我将整个项目部署在连接到我的 Azure Bot 服务的 Azure 门户上的应用服务上时，我无法在生产中直接看到更改或网络聊天？这怎么可能 ？当我的机器人在生产渠道上时，Azure 服务是否会阻止自定义修改？
感谢您的帮助！
【问题讨论】：
标签： html css typescript azure chatbot
在部署机器人时，我没有在 azure 服务中发现任何阻止自定义修改的内容。如果没有您在 Azure 应用服务中部署的代码，就很难找到您所面临问题的根本原因。
您可以在部署机器人的网站的 HTML 代码中使用基于 JavaScript 的样式自定义默认画布。通常我们可以轻松自定义网络聊天的背景颜色和聊天气泡 .您只需在索引页面的样式脚本中添加以下代码片段即可。
const styleSet = window.WebChat.createStyleSet({
bubbleBackground: /*color for bot chat bubble*/,
bubbleFromUserBackground: /*color for user chat bubble*/,
rootHeight: '100%',
rootWidth: '50%',
backgroundColor: 'lightblue' /*background of web chat*/
});
您可以使用一些简单的 CSS 和 JavaScript 样式选项来配置聊天画布的外观。但请记住，您还需要添加您的 Bot ID。检查此customize the default canvas 了解更多信息。如果您仍然面临同样的问题，请检查您是否遵循此deploy your bot in Azure 文档中提到的流程。
【讨论】：