Добавьте microsoft / BotFramework-WebChat на веб-сайт React, добавьте пользовательскую сборку компонента веб-чата - PullRequest
Новая
       16

Добавьте microsoft / BotFramework-WebChat на веб-сайт React, добавьте пользовательскую сборку компонента веб-чата

1 голос
/ 21 июня 2019

Я хочу интегрировать https://github.com/Microsoft/BotFramework-WebChat/tree/v3 в мое реактивное приложение.

Я следовал приведенному ниже методу и запустил npm install, но он не работает. Я установил для моего файла botchat.js в пакете.json: 

"dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1",
    "botframework-webchat": "file:../../BotFramework-WebChat-3/botchat.js.map"
  }

В документе Botframework это указано ниже

На вашем веб-сайте React добавьте пользовательскую сборку компонента веб-чата. Самый простой подход - клонировать (или разветвляться)это репозиторий, измените его, соберите его, а затем сослитесь на вашу локальную сборку в package.json вашего проекта следующим образом: 

dependencies: {
    ...
    'botframework-webchat': 'file:/path/to/your/repo'
    ...
}

Запуск npm install скопирует ваше локальное репо в node_modules и импортирует / требует ссылки на 'botframework-webchat 'разрешится правильно.

Вы также можете зайти так далеко, что опубликуете репо как собственный полноценный версионный пакет npm, используя версию npm и публикацию npm, в частном или публичном порядке.

Разные проекты имеют разные стратегии сборки, ваши могут значительно отличаться от приведенных выше.Если вы предлагаете другой подход к интеграции, который, по вашему мнению, будет иметь широкое применение, рассмотрите возможность подачи запроса на извлечение для этого README.

ДЛЯ СОЗДАНИЯ Я СОБЛЮДАЛ НИЖЕ ПРОЦЕСС

  • Создание вебаChat
  • Клонирование (или разветвление) этого репозитория
  • npm install
  • npm run build (для создания каждого изменения npm run watch, для создания производственного npm run prepublish)

Это строит следующее: 

/built/*.js compiled from the TypeScript sources in /src/*.js - /built/BotChat.js is the root
/built/*.d.ts declarations for TypeScript users - /built/BotChat.d.ts is the root
/built/*.js.map sourcemaps for easier debugging
/botchat.js webpacked UMD file containing all dependencies (React, Redux, RxJS, etc.)
/botchat.css base stylesheet
/botchat-es5.js is the Webpack bundle (a.k.a. botchat.js) plus polyfills for ES5 browsers
/botchat-fullwindow.css media query stylesheet for a full-window experience.

Я хочу настроить свой Botframework и выполнить его

1 Ответ

1 голос
/ 22 июня 2019

Я не уверен, какой у вас вопрос, так как похоже, что вы умеете компилировать сборку. Если вы хотите вносить пользовательские изменения, вы можете выполнить их перед компиляцией.

Однако я бы порекомендовал вам вместо этого использовать BotFramework-WebChat v4, поскольку версия v3 (BotChat) устарела и не поддерживается (см. здесь ).

Веб-чат v4 построен в React, является более надежным и полнофункциональным, полностью совместим с SDK v3 и v4 Bot Framework и полностью поддерживается (подробнее об этом здесь ).

При этом, если вы намереваетесь использовать v3, то вам следует использовать этот предоставленный пример, основанный на React и готовый к интеграции.

Надежда на помощь!

...