введите описание изображения здесь Я создал приложение MS Bot, используя C # с LUIS для распознавания намерений . Я хочу добавить интерфейс чата в свой собственный образец веб-приложения Asp.Net. Я не использовал службы Azure, просто я использовал распознавание намерений пользователя для службы LUIS и разработал MS Bot с C #. Как интегрировать или предоставить новый интерфейс для чат-бота с помощью моего собственного веб-приложения.
Здесь вы можете увидеть контроллер сообщений, который является начальной точкой приложения, отсюда только он начинается. здесь только мы отправляем и получаем ответы пользователя.
Вы можете отдельно разработать свое приложение-бот и приложение asp.net. А чтобы встроить своего бота в свое веб-приложение, вы можете использовать Direct Line API.
Например, после публикации бота вы можете Подключите бота к Direct Line. Самый простой способ - использовать IFRAME на своих веб-страницах, например:
<iframe src='path to your bot with SECRET key or token' height="height" width="width"></iframe>
Для получения дополнительной информации вы можете обратиться к ReadMe из Веб-чат Microsoft Bot Framework.
Вариант 1: размещенный веб-чат
Обязательно обменяйте секрет прямой линии на токен перед возвратом страницы пользователю. Секрет никогда не следует разглашать. Дополнительную информацию можно найти здесь: https://docs.microsoft.com/en-us/azure/bot-service/rest-api/bot-framework-rest-direct-line-3-0-authentication
<!DOCTYPE html>
<html>
<body>
<div id="webchat" role="main"></div>
<script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
<script>
window.WebChat.renderWebChat({
directLine: window.WebChat.createDirectLine({ token: 'YOUR_DIRECT_LINE_TOKEN' }),
userID: 'YOUR_USER_ID',
username: 'Web Chat User',
locale: 'en-US',
botAvatarInitials: 'WC',
userAvatarInitials: 'WW'
}, document.getElementById('webchat'));
</script>
</body>
</html>
Вариант 2: iframe
После регистрации службы ботов в Azure самый простой способ - добавить код внедрения iframe в <body> в файле default.htm, созданном шаблоном приложения бота:
<body>
<iframe src='https://webchat.botframework.com/embed/YOUR_BOT_HANDLE?t=YOUR_WEBCHAT_TOKEN' height="400" width="400"></iframe>
</body>
Обязательно измените YOUR_BOT_HANDLE и YOUR_WEBCHAT_TOKEN на свои собственные.
Затем, когда вы запустите проект, на отображаемой странице будет отображаться элемент управления веб-чатом, подключенный к вашему боту.
