Перейти к основному контенту

Hello World: ваше руководство по быстрому старту

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

В этом уроке мы создадим простое приложение «Hello World» для мессенджера Telegram и познакомимся с интерфейсом и функционалом Metabot.

Для начала зарегистрируйте бесплатную учетную запись на странице https://app.metabot24.com/register. Подтвердите свой адрес электронной почты, войдите в систему и следуйте инструкциям ниже.

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

Пошаговое руководство

В Metabot каждый отдельный чат-бот принадлежит бизнесу. Когда вы регистрируетесь в первый раз, для вас автоматически создается бизнес по умолчанию.

1. Давайте создадим нового чат-бота с помощью ссылки Создать нового бота... в раскрывающемся меню Выбор бота.

image.png

При создании бота задайте необходимые параметры:

  • Название - введите название вашего бота. Вы можете изменить название в любое время позже.
  • Описание — при необходимости можно ввести текстовое описание функционала бота или другую произвольную информацию, например, адрес вашего бота в мессенджере.

Остальные опции оставим за рамками этого урока. Вы узнаете их позже.

image.png

Выберите вновь созданного бота в раскрывающемся меню Выбрать бота.

image.png

2. Перейдите в раздел Скрипты и создайте новый скрипт во вновь созданном боте, нажав кнопку Создать скрипт.

Также рекомендуем ознакомиться с документацией по Скриптам.

image.png

  • Укажите название скрипта. Например: «Старт».
  • Остальные параметры оставьте без изменений.

Откройте редактор скриптов, нажав кнопку Перейти в редактор скрипта рядом с только что созданным скриптом.

Мы также рекомендуем вам ознакомиться с документацией по Редактору скриптов.

image.png

3. Добавьте команду Отправить текст, нажав кнопку Добавить команду и выбрав ее в открывшемся окне.

В качестве текста предлагаем вам отправить традиционное послание «Hello World! 🌎», с которого многие программисты начинают изучение нового языка программирования и которое давно стало частью культуры программистов.

Подробнее про программу "Hello, world!" вы можете узнать в Wikipedia: https://ru.wikipedia.org/wiki/Hello,_world

Мы также рекомендуем вам прочитать документацию по команде Отправить текст.

image.png

image.png

image.png

Если все сделано правильно, команда появится в редакторе скрипта.

image.png

4. Перейдите в Настройки бота> Маршруты и создайте новый маршрут, нажав кнопку Создать маршрут.

Мы также рекомендуем вам прочитать документацию по Маршрутам.

image.png

image.png

Введите параметры, как показано на изображении ниже.

  • Введите "Приветствие" в качестве Названия.

  • В качестве Скрипта выберите скрипт, который вы только что создали.

  • В Регулярном выражении напишите точку-звездочку ".*" без кавычек. Это выражение означает, что бот запустит этот маршрут в ответ на любой текст от пользователя.

image.png

Поищите в Интернете «регулярные выражения», чтобы узнать о них, если вы не знаете, что они собой представляют. маршрутах редко нужно писать сложные выражения, обычно все ограничивается реакциями на отдельные слова (например, купон, скидка, меню и так далее). Но при обработке ввода от пользователя во время диалога, когда маршрут уже запущен, иногда вам нужно будет написать сложное регулярное выражение для проверки ввода пользователя. Если вы не хотите изучать все тонкости регулярных выражений, вы найдете наиболее часто используемые регулярные выражения в отдельном разделе этой документации.

Новый маршрут будет добавлен в списки маршрутов.

5. Перейдите в Настройки бота> Каналы и создайте новый канал, нажав кнопку Новая привязка.

Мы также рекомендуем вам прочитать документацию по Каналам.

image.png

image.png

Введите параметры, как показано на изображении ниже.

  • Выберите Metabot Widget, виджет живого чата для веб-сайта, в качестве Канала.
  • Включите Использовать inline-кнопки.
  • Введите Заголовок и Подзаголовок. Например, название вашей компании и текст "Онлайн помощь" соответственно.

image.png

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

Не пропустите этот шаг! Если вы не установите вебхук, то ваш чат-бот не сможет получать сообщения из канала.

Поищите в Интернете «что такое вебхуки и зачем они нужны», чтобы узнать о них, если вы еще не знакомы с этим понятием. Вебхуки широко используются в сфере интеграции различных интернет-сервисов, а поскольку чат-бот — это пользовательский интерфейс к системам и сервисам, при разработке чат-ботов вы будете постоянно сталкиваться с настройкой вебхуков. Поэтому мы настоятельно рекомендуем вам разобраться, что такое вебхуки, где они растут и как их готовить. 🙂

image.png

На следующем экране оставьте версию без изменений, как было предложено.

image.png

Мы также рекомендуем вам прочитать документацию по виджету Живого чата.

Прокрутите страницу вниз, найдите ссылку Предварительный просмотр и нажмите на нее, чтобы открыть страницу предварительного просмотра виджета.

image.png

Кнопка для открытия живого чата будет в правом нижнем углу экрана. Нажмите на нее.

image.png

Ваш чат-бот будет приветствовать вас. Поздравляем! Вы только что создали своего первого чат-бота с помощью GoChatbot. Теперь можно переходить к более сложным задачам.

image.png