Простой чат-бот на Javascript + JQuery
Всё равно был нужен пример чат-бота, оформленного в более-менее стандартном на настоящий момент виде (у моего банка в личном кабинете примерно такой же, в том числе, по уму), а 2-го августа в результате общения к Костиком (это такой человек) я обещал увековечить его лексикон, что и делаю.
Все коды, выполненные на основе открытых источников и нужные для работы скрипта файлы легко увидеть из исходника главной страницы, предполагается кодировка Юникода UTF-8 и использование библиотеки JQuery с плагинами Autosize и convForm (всё во вложенной папке lib
).
Секция основного документа chatbot
показывает, как с помощью обычной разметки HTML организовать логику бота, включая разные типы поведения:
- отправка ботом нескольких сообщений подряд;
- выбор человеком одного из нескольких вариантов ответа с различной реакцией бота на них (например, на первый вопрос);
- выбор человеком нескольких вариантов ответа (вопрос о напитках);
- ввод человеком текста по шаблону (на предложение ввести адрес E-mail);
- ввод человеком текста, который превратится в звёздочки (после ввода адреса E-mail);
- организация ветвлений, в том числе, вложенных (после вопроса о времени, до которого продадут);
- возврат к сохранённому состоянию (после выбора "Не понял?!").
В принципе, серверная сторона приложению не нужна, у меня работало и локально по протоколу file://
, но это поведение может зависеть от браузера. Бот может выражаться не слишком культурно, все вопросы к Костику.
Открыть чат-бот Костик в работе, новое окно/вкладка
26.08.2022, 19:44 [588 просмотров]