Как это работает

Добавление виджета на сайт

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

На сайте появится кнопка создания баг-репорта:

Виджет на сайте

Создание баг-репорта

Если посетитель сайта столкнётся с багом, он

  • нажимает на кнопку создания баг-репорта
  • выделяет область экрана с багом
  • пишет текстовый комментарий
  • нажимает на кнопку отправки

...и баг-репорт отправляется в BugBee.

К баг-репорту также будут присоединены:

  • вывод консоли браузера
  • последние события мыши и клавиатуры
  • текущий html код страницы
  • ОС и браузер и другие параметры окружения

Под капотом

Когда баг-репорт попадает в систему он проходит несколько этапов.

Во-первых мы восстанавливаем скриншот страницы для удобства. Технически сложно сделать скриншот на стороне пользователя, поэтому мы его восстанавливаем по html коду страницы. Учитывайте что скриншот может не совпадать с тем что реально видел пользователь в данный момент.

Далее отчёт вместе со скриншотом рассылается по интеграциям, которые добавил владелец сайта.

flowchart LR
    subgraph Браузер пользователя
    B1[комментарий пользователя]
    B2[html код страницы]
    B3[вывод консоли]
    B4[прочие данные]
    end

    subgraph Серверы BugBee
    B1 --> S1[отчёт]
    B2 --> S1
    B3 --> S1
    B4 --> S1
    B2 --> S2[скриншот]
    S2 --> S1
    end

    subgraph Интеграции
    S1 --> I1[E-mail]
    S1 --> I2[Telegram]
    S1 --> I3[...]
    end

Мы не храним информацию об отчёте на нашем сервере.

Подробнее о добавлении интеграций здесь.