Я бы порекомендовал вам интегрировать Direct Line напрямую (без каламбура) в ваш проект с помощью пакета BotFramework-DirectLineJS . Этот пакет создан специально для связи с ботом без использования WebChat в качестве компонента пользовательского интерфейса.
Существует пример v3 , на который вы можете ссылаться. Проект разделяется между DirectLineBot и DirectLineClient. DirectLineBot демонстрирует бот v3. Вам нужно обновить эту папку, чтобы включить в нее своего бота v4. DirectLineClient работает так же с v3 или v4. Итак, когда ваш клиент подключается, генерирует токен и начинает отправлять действия, ваш бот v4 должен подобрать их и ответить соответственно. Точно так же ваш клиент должен забрать ответы бота.
На этом этапе вам нужно обновить клиента, чтобы отображать действия по мере их отправки и получения от пользователя / бота.
Вы могли бы также рассмотреть просмотр этого неофициального "простого пользовательского интерфейса" sample от разработчика WebChat. Он использует React, однако не использует WebChat в качестве компонента пользовательского интерфейса. Я был в состоянии раскрутить это приблизительно через 5 минут. Он намеренно лишен любого стиля и просто публикует действия на странице как объекты text / json.
Вы можете удалить поле ввода и настроить страницу так, чтобы она принимала входные данные для отображения на странице. Это может быть полезной отправной точкой и может хорошо сочетаться с вышеуказанным параметром DirectLineJS.
Если ни один из этих вариантов не является приемлемым, то вам потребуется использовать Axios, Fetch или какой-либо подобный пакет для выполнения вызовов GET, POST и т. Д. Между вашим клиентом и ботом.
Надежда на помощь!