Не удалось найти способ редактирования стиля веб-бота Microsoft Azure

Question

Я создал бота веб-приложения (Node.js) в Microsoft Azure и могу успешно выполнить развертывание. Но я не могу найти ни CSS-файл, ни SCSS-файл в предоставленном коде или даже в онлайн-редакторе кода. У кого-нибудь есть опыт в этом?

Спасибо

Answer 1

Я использую iframe для включения бота на мой сайт.Но я хотел настроить цвета и другие подобные вещи.

Поскольку вы используете iframe на своем веб-сайте, это означает, что он загрузит сайт https://webchat.botframework.com/, а файл таблицы стилей также будет загружен в botframeworkсайт сервера, но ваш.

Если вам нужно настроить стиль, простой способ - следовать руководству https://github.com/Microsoft/BotFramework-WebChat#easy-in-your-non-react-website-run-web-chat-inline,, настроить собственную таблицу стилей и использовать botframework-webchat js lib для создания приложения бота.на вашем веб-сайте.

Если ваш сайт создан React, вы можете выполнить https://github.com/Microsoft/BotFramework-WebChat#medium-in-your-react-website-incorporate-the-web-chat-react-component, чтобы настроить компоненты пользовательского интерфейса приложения бота.

Answer 2

Что вы пытаетесь точно стилизовать?

Боты Azure работают, подключая их к существующим каналам, таким как Skype, Facebook Messenger, SMS и т. Д., Или совершая вызовы REST из специального приложения. Сам бот не имеет интерфейса к стилю.

Самый простой способ встроить фрейм чата в статическую страницу, которую вы можете стилизовать, это добавить:

<iframe src="https://webchat.botframework.com/embed/YOUR_BOT_ID?t=YOUR_TOKEN_HERE"></iframe>

См. Эту документацию для получения дополнительной информации. Однако обратите внимание, что этот метод предоставит ваш секретный ключ в исходный код HTML и позволит другим разработчикам также встраивать вашего бота в свои страницы.