Подключение Rasa к веб-сайту: пошаговое руководство

Это для всех, кто изо всех сил пытается подключить своего бота Rasa к веб-сайту.

ЕСЛИ СНАЧАЛА НЕ УДАЛОСЬ, ПОПРОБУЙТЕ, ПОПРОБУЙТЕ еще раз

Шаг 1. Создайте и обучите своего бота. Документация Rasa - ваш друг на этом этапе.

Шаг 2. После обучения вашего бота убедитесь, что он работает, запустив оболочку Rasa. Вы можете сделать это, открыв терминал в папке Rasa и выполнив команду

rasa shell

Шаг 3: Теперь самое интересное. Интеграционная часть. Для этого есть много вариантов, например, вы можете использовать канал Websocket, канал отдыха и т. Д. В этом руководстве я буду использовать канал отдыха.

Для отображения вашего чат-бота на вашем веб-сайте вам понадобится внешний интерфейс и способ соединения этого внешнего интерфейса с вашим сервером, то есть с вашим ботом Rasa.

Я использовал репозиторий GitHub ниже в качестве внешнего интерфейса, а канал Rest использовался для подключения моего внешнего интерфейса к серверной части. Я рекомендую вам полностью прочитать эту статью перед их посещением.



scalableminds / chatroom
Компонент чата на основе React для Rasa Stack. Участвуйте в развитии масштабируемых умов и чатов, создав учетную запись… github.com



после этого измените файл credentials.yml на

rest:
  # pass

после этого создайте новый каталог вне папки rasa chat-bot для вашего внешнего интерфейса. В этом каталоге создайте index.html со следующим кодом в качестве части головы и тела.

<head>
  <link rel="stylesheet" href="https://npm-scalableminds.s3.eu-central-1.amazonaws.com/@scalableminds/chatroom@master/dist/Chatroom.css" />
</head>
<body>
  <div class="chat-container"></div>

  <script src="https://npm-scalableminds.s3.eu-central-1.amazonaws.com/@scalableminds/chatroom@master/dist/Chatroom.js"/></script>
  <script type="text/javascript">
    var chatroom = new window.Chatroom({
      host: "http://localhost:5005",
      title: "Chat with Mike",
      container: document.querySelector(".chat-container"),
      welcomeMessage: "Hi, I am Mike. How may I help you?",
      speechRecognition: "en-US",
      voiceLang: "en-US"
    });
    chatroom.openChat();
  </script>
</body>

Теперь вся часть кодирования закончена. Следующий шаг - заставить их работать параллельно. Вот где номер порта. входит в историю. В основном мы будем пытаться запустить наш интерфейс и сервер на локальном хосте.

из вашего файла endpoints.yml в папке rasa chatbot, запомните номер порта, на котором будет работать ваш бот. В моем случае файл endpoints.yml содержит следующий код.

action_endpoint:
url: "http://localhost:5005/webhook"

поэтому номер порта - 5005.

Затем убедитесь, что этот номер порта совпадает с номером порта, упомянутым в случае с нашим файлом index.html, который мы написали выше.

Теперь войдите в папку вашего чат-бота rasa и запустите своего бота, используя следующую команду в терминале.

python -m rasa run --m ./models --endpoints endpoints.yml --port 5005 -vv --enable-api

затем откройте другой терминал, в котором вы сохранили файл index.html, и введите следующий код, чтобы запустить локальный сервер на порту 8000.

python -m http.server 8000

Теперь последняя задача - открыть ваш браузер (я рекомендую Mozilla Firefox) и ввести приведенный ниже код в адресную строку.

localhost:8000/index

Эврика !!! Надеюсь, у вас заработал бот. прокомментируйте, если вам нужна помощь.

Примечание: обязательно проверьте страницу своего браузера, чтобы убедиться, что нет ошибок. Вы можете сделать это, щелкнув правой кнопкой мыши на своей странице и выбрав страницу проверки, затем перейдите в консольную часть, если есть какие-либо ошибки, они появятся там.

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

👉🏼 Посетите мой веб-сайт milindsoorya.site, чтобы узнать больше об обновлениях и связаться с нами.