Используя пакет pb-html, теперь вы можете легко развернуть приложение, предоставляющее веб-интерфейс для общения с вашим чат-ботом.

Если вы знакомы с ныне устаревшей системой AIML 1.0, вы, вероятно, помните, как легко было опубликовать своего чат-бота на веб-странице с помощью вкладки Пользовательский HTML на панели инструментов. Теперь наши API, доступные через chatbots.io, позволяют интегрировать ваших чат-ботов в любое приложение, однако функция Пользовательский HTML была удалена для защиты учетных данных и использования вашего чат-бота.

Пакет pb-html — это простой веб-сервер, который можно развернуть на Heroku одним нажатием кнопки. Мы также предоставили многоразовый настраиваемый интерфейс чата, чтобы конечные пользователи могли получить доступ к вашему чат-боту и пообщаться с ним.

Настраивать

Во-первых, зарегистрируйте аккаунт на Heroku. Затем зайдите в репозиторий Github и нажмите кнопку Развернуть в Heroku. Вам будет предложено предоставить свои учетные данные Pandorabots API (предполагается, что у вас уже есть план и вы развернули чат-бота). После того, как вы нажмете Развернуть бесплатно и Heroku создаст и запустит ваше приложение, вы можете посетить сайт и начать общаться со своим чат-ботом.

Управление конечными пользователями

В других наших интеграциях Redis используется как способ управления вашими пользователями с течением времени. Это работает путем сопоставления номера телефона или имени пользователя (в зависимости от платформы) с уникальным именем клиента Pandorabots, что позволяет боту запоминать информацию о пользователе в будущих сообщениях и разговорах.

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

Чтобы смягчить эту разницу, вы можете сохранить client_name в файле cookie, чтобы он сохранялся, даже когда пользователь покидает страницу. Лучшим вариантом может быть реализация какой-либо аутентификации ваших пользователей, чтобы они могли войти в сеанс, который сохраняет их имя_клиента в памяти. Не существует «правильного» способа сделать это — все зависит от масштаба вашего проекта!

Разработка

Если вы хотите настроить свое приложение или внести свой вклад в этот проект, сначала клонируйте репозиторий. Оказавшись внутри, запустите npm start, чтобы запустить приложение. Затем вы можете запустить npm run watch в новом окне терминала, чтобы автоматически собрать ваше внешнее приложение при сохранении изменений.

В этом проекте используется ReactJS, библиотека Javascript, созданная в Facebook для создания пользовательских интерфейсов.

Стайлинг

Некоторые базовые стили представлены в src/public/css/base.css. Существует также файл
src/public/css/style.css, который позволяет вам настраивать стиль интерфейса чата.

Первоначально опубликовано на blog.pandorabots.com 14 марта 2016 г.