Если вы когда-нибудь захотите принять участие в отзывчивом разговоре, войдите в чат-бот.
Вы всегда можете зайти в чат-бот. Чат-бот — это гарантированный агент помощи, от которого вы всегда получите ответ. Хотя часто ответ может оказаться бесполезным. После пандемии COVID-19 возрос спрос на доступ к информации в Интернете, и чат-бот является прекрасным примером для охвата масс людей с помощью функции чат-бота. Чат-бот позволяет даже менее технически подкованным людям получать информацию. Имея словесные команды и вывод, чат-бот становится отличным агентом доступности.
Давайте продолжим и узнаем, как установить чат-бота в приложение React.
Сначала идите и создайте приложение React
npx create-react-app <coronavirus-chatbot>
Мы будем использовать простой формат для работы с симптомами COVID-19 чат-бота с интерактивными способами получения информации о симптомах. Мы будем использовать пакет npm для использования чат-бота.
Второй шаг — установить компонент чат-бота;
npm install react-simple-chatbot — save
Так как нам нужны стилизованные компоненты, мы их тоже установим.
npm install — save styled-components
Теперь мы можем создать компонент чат-бота:
Как работает чат-бот, каждый объект в шагах имеет id
, message
и trigger
. Если идентификатор следующего объекта совпадает с триггером предыдущего объекта, он вызовет следующий объект с отображением сообщения, размещенного в следующем объекте.
Вот как бот будет действовать шаг за шагом. Если вы хотите персонализировать бота, вы можете задать вопрос.
Например:
{ id: “Ask Name”, message: “What your name?”, trigger: “ name” },
Как только пользователь вводит имя, бот может сохранить его как {previousValue}
и выдать обратно в следующем запросе.
{ id: “name, message: “Hi {previousValue}, good to meet you!!”, trigger: “Done” },
Теперь, когда у нас есть такая логика, давайте разберемся, как работает предложение вариантов во взаимодействии. Каждый ответ от бота имеет идентификатор. Вместо сообщения в случае опций у нас будет массив.
Этот массив будет состоять из объектов, которые, в свою очередь, будут иметь value:
, label:
и trigger:
{ id: “anything next”, options:[ { value: “yes”, label: “yes I do”, trigger:”symptom options” }, { value: “not at the moment”, label: “not at the moment”, trigger: “Done” } ] },
В зависимости от варианта, который выбирает пользователь, trigger:
приведет к другому объекту с id:
, который соответствует триггеру, выбранному пользователем.
Функции внутри опций: если мы хотим выполнить функцию непосредственно из чат-бота, мы можем добавить функцию вместо триггера, пока пользователь выбирает опцию. Например, в приведенном выше коде мы можем добавить функции в триггер для выполнения функции.
{ id: “anything next”, options:[ { value: “yes”, label: “yes I do”, trigger: () => { console.log("yes I do") }, { value: “not at the moment”, label: “not at the moment”, trigger: () => { console.log("not at the moment") } ] },
Итак, на этом заканчивается первая часть и основные сведения о чат-боте. Существует множество вариантов облегчения разговоров с использованием искусственного интеллекта. IBM также имеет инструмент ChatBot, который делает доступ к информации через чат-бота чрезвычайно удобным.
Спасибо за чтение.