Если вы когда-нибудь захотите принять участие в отзывчивом разговоре, войдите в чат-бот.

Вы всегда можете зайти в чат-бот. Чат-бот — это гарантированный агент помощи, от которого вы всегда получите ответ. Хотя часто ответ может оказаться бесполезным. После пандемии 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, который делает доступ к информации через чат-бота чрезвычайно удобным.

Спасибо за чтение.