Мониторы

.

Мониторы

Мониторы в OpenReplay предоставляют сфокусированное представление о критических проблемах, влияющих на стабильность и производительность вашего приложения. С помощью предварительно настроенных карточек вы можете отслеживать ошибки JavaScript, сетевые запросы и другие ключевые метрики, чтобы быстро выявлять и устранять проблемы.

Что можно узнать с помощью Мониторов?

Section titled Что можно узнать с помощью Мониторов?

С помощью Мониторов вы можете ответить на такие вопросы, как:

  • Какие ошибки JavaScript влияют на пользовательский опыт?
  • Какие сетевые запросы наиболее часты в вашем приложении?
  • Есть ли повторяющиеся сетевые запросы на стороне клиента (4xx) или на стороне сервера (5xx)?
  • Какие сетевые запросы вызывают наиболее значительные задержки?

Настройка дашборда Мониторов

Section titled Настройка дашборда Мониторов

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

1. Создайте дашборд:

Section titled 1. Создайте дашборд:
  1. Перейдите в меню Dashboards.
  2. Нажмите Add Dashboard и назовите его Monitors.
monitors

2. Добавьте карточки:

Section titled 2. Добавьте карточки:
  1. Перейдите в категорию Monitors.
  2. Добавьте на свой дашборд каждую из следующих карточек:
    • Table of JS Errors: Отслеживайте ошибки JavaScript, влияющие на пользовательский опыт, и быстро определяйте типы ошибок, их частоту и затронутых пользователей.
    • Top Network Requests: Просматривайте наиболее частые сетевые запросы и выявляйте конечные точки API с высоким трафиком.
    • Sessions with 4xx/5xx Requests: Отслеживайте ошибки на стороне клиента (4xx) и на стороне сервера (5xx).
    • Sessions with Slow Network Requests: Определяйте сетевые запросы, вызывающие задержки, и расставляйте приоритеты в устранении медленных API или перегруженных сервисов.
monitors

Углублённый анализ данных из Мониторов

Section titled Углублённый анализ данных из Мониторов

Каждая карточка на дашборде Мониторов интерактивна, что позволяет вам изучать проблемы более подробно:

  1. Нажмите на ошибку, чтобы просмотреть её stack trace.
  2. Используйте кнопку ‘Find all sessions with this error’, чтобы найти все затронутые сессии.
  3. Анализируйте тенденции с помощью обзора, показывающего количество случаев за последние 24 часа и 30 дней.

Sessions with 4xx/5xx and Slow Network Requests:

Section titled Sessions with 4xx/5xx and Slow Network Requests:
  1. Выберите точку на графике, чтобы просмотреть соответствующие воспроизведения сессий.
  2. Откройте вкладку Network в воспроизведении сессии, чтобы проанализировать детали запроса, включая его длительность и статусы.
  3. Настройте временной диапазон графика с помощью выпадающего меню, чтобы сосредоточиться на определённых периодах.
  • Просматривайте наиболее частые запросы в вашем приложении.
  • Нажмите на конкретный запрос, чтобы отфильтровать содержащие его сессии и провести дальнейший анализ.

Настройка временного диапазона

Section titled Настройка временного диапазона

Временной диапазон по умолчанию для вашего дашборда — последние 24 часа, но вы можете изменить его в соответствии со своими потребностями:

  1. Нажмите на выпадающее меню временного диапазона в верхней части дашборда.
  2. Выберите предустановленный диапазон (например, “Last 7 days”) или задайте собственный период.
monitors

Альтернативный способ создания карточек

Section titled Альтернативный способ создания карточек

Если вам удобнее, вы можете создавать и добавлять карточки напрямую из Cards View:

  1. Перейдите в Cards View в модуле Analytics.
  2. Создайте карточку для любой метрики Мониторов (например, ошибки JS или медленные сетевые запросы).
  3. Добавьте карточку на свой дашборд Мониторов с помощью опции Add to Dashboard.
monitors

Используйте Мониторы по максимуму

Section titled Используйте Мониторы по максимуму

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

Остались вопросы?

Section titled Остались вопросы?

Если у вас возникли проблемы при создании воронок в вашем проекте, свяжитесь с нами в нашем сообществе Slack и задайте вопрос нашим разработчикам напрямую!