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

Шаги

Шаги в J‑Graph — это состояния, на основе которых строится логика работы бота: ожидание действий пользователя и реакции на них.

Создание

Есть два способа создать в сценарии новый шаг через J‑Graph:

  • Нажмите в левом верхнем углу.
  • Нажмите правой кнопкой мыши в любое место на холсте или коснитесь тачпада двумя пальцами, после чего нажмите Создать новый шаг.
Меню создания шага

При создании шага вы можете:

  • Задать его название.
  • Сделать шаг вложенным в другой шаг. В таком случае эти шаги образуют группу.
  • Сразу же добавить в шаг первый блок реакции или действие.

Выделение и перетаскивание

ДействиеМышьТачпад
Выделение шагаНажмите на шаг левой или средней кнопкой мыши.Наведите курсор на шаг и коснитесь тачпада.
Перетаскивание шагаНажмите на шаг левой или средней кнопкой мыши, удерживайте ее и передвиньте курсор.Наведите курсор на шаг, дважды коснитесь тачпада и передвиньте палец, не поднимая его.
предупреждение
Одновременное выделение и перетаскивание нескольких шагов не предусмотрено.

Редактирование

При выделении шага справа открывается меню редактирования. Здесь вы можете изменять существующие блоки, добавлять новые, а также просматривать связи текущего шага с другими.

Меню редактирования шага

Блоки

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

  • Создать: выберите блок нужного типа и заполните все необходимые параметры.

  • Отредактировать: нажмите на существующий блок.

  • Удалить: нажмите  → Удалить и подтвердите действие.

  • Изменить порядок: наведите курсор на блок, зажмите и перетащите его на нужную позицию.

    подсказка
    Порядок имеет значение только для блоков реакций.

Шаги соединены связями — линиями, визуализирующими возможные переходы между ними. В совокупности шаги и связи образуют последовательный сценарий бота.

Вы можете настраивать отображение связей на холсте и выполнять действия с ними:

  • Чтобы посмотреть, куда произойдет переход, наведите курсор на связь и нажмите на нее.

    Действия со связью
  • Чтобы разорвать связь, нажмите .

  • Чтобы подсветить все связи шага, наведите курсор на шаг и нажмите .

    Подсветка связей

Метки

Вы можете размечать шаги метками, чтобы фиксировать какую-либо дополнительную информацию. Это может быть описание бизнес-результата, которого достигает бот при переходе в шаг, или свободный комментарий.

подсказка
Метки учитываются в аналитике по проекту как результаты диалогов.

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

Добавление метки
Настройка текста и цвета метки

Компактное отображение

В J‑Graph доступно компактное отображение шагов сценария: в ходе разработки проекта вы можете скрывать шаги, работу над которыми вы уже завершили.

  • Чтобы свернуть шаг, наведите на него курсор и нажмите .
  • Чтобы развернуть шаг, наведите на него курсор и нажмите .
Компактное отображение шагов

Чтобы легче ориентироваться в объемных сценариях, используйте поиск по названиям шагов. Вызвать панель поиска можно:

  • С помощью кнопки в левом верхнем углу.
  • Сочетанием клавиш Ctrl + F (также  + F для macOS).
Отображение шагов в списке
  • Если шаг в корневой теме, то путь к шагу отображается без темы: Начало/Привет.
  • Если шаг в любой другой теме, то к пути добавляется название темы: НоваяТема/Начало/Привет.

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