Простой чат-бот на Javascript + JQuery

Всё равно был нужен пример чат-бота, оформленного в более-менее стандартном на настоящий момент виде (у моего банка в личном кабинете примерно такой же, в том числе, по уму), а 2-го августа в результате общения к Костиком (это такой человек) я обещал увековечить его лексикон, что и делаю.

Все коды, выполненные на основе открытых источников и нужные для работы скрипта файлы легко увидеть из исходника главной страницы, предполагается кодировка Юникода UTF-8 и использование библиотеки JQuery с плагинами Autosize и convForm (всё во вложенной папке lib).

Секция основного документа chatbot показывает, как с помощью обычной разметки HTML организовать логику бота, включая разные типы поведения:

• отправка ботом нескольких сообщений подряд;
• выбор человеком одного из нескольких вариантов ответа с различной реакцией бота на них (например, на первый вопрос);
• выбор человеком нескольких вариантов ответа (вопрос о напитках);
• ввод человеком текста по шаблону (на предложение ввести адрес E-mail);
• ввод человеком текста, который превратится в звёздочки (после ввода адреса E-mail);
• организация ветвлений, в том числе, вложенных (после вопроса о времени, до которого продадут);
• возврат к сохранённому состоянию (после выбора "Не понял?!").

В принципе, серверная сторона приложению не нужна, у меня работало и локально по протоколу file://, но это поведение может зависеть от браузера. Бот может выражаться не слишком культурно, все вопросы к Костику.

 Открыть чат-бот Костик в работе, новое окно/вкладка

26.08.2022, 19:44 [465 просмотров]