Los Monitores en OpenReplay ofrecen una vista centrada en los problemas críticos que afectan la estabilidad y el rendimiento de tu aplicación. Con tarjetas preconfiguradas, puedes supervisar errores de JavaScript, solicitudes de red y otras métricas clave para identificar y resolver problemas rápidamente.

Con los Monitores, puedes responder preguntas como:

• ¿Qué errores de JavaScript están afectando la experiencia del usuario?
• ¿Cuáles son las solicitudes de red más frecuentes en tu aplicación?
• ¿Hay solicitudes de red recurrentes del lado del cliente (4xx) o del lado del servidor (5xx)?
• ¿Qué solicitudes de red están causando los retrasos más importantes?

Crear un panel dedicado a los Monitores te ayuda a consolidar las métricas clave en un solo lugar, facilitando el control de los problemas técnicos. Así es como se hace:

1. Ve al menú Dashboards.
2. Haz clic en Add Dashboard y nómbralo Monitors.

1. Ve a la categoría Monitors.
2. Agrega cada una de las siguientes tarjetas a tu panel:
   • Table of JS Errors: Supervisa los errores de JavaScript que afectan la experiencia del usuario e identifica rápidamente los tipos de error, su frecuencia y los usuarios afectados.
   • Top Network Requests: Visualiza las solicitudes de red más frecuentes e identifica los endpoints de API con mayor tráfico.
   • Sessions with 4xx/5xx Requests: Realiza un seguimiento de los errores del lado del cliente (4xx) y del lado del servidor (5xx).
   • Sessions with Slow Network Requests: Detecta las solicitudes de red que causan retrasos y prioriza la corrección de APIs lentas o servicios sobrecargados.

Cada tarjeta del panel de Monitores es interactiva, lo que te permite explorar los problemas con mayor detalle:

1. Haz clic en un error para ver su stack trace.
2. Usa el botón ‘Find all sessions with this error’ para localizar todas las sesiones afectadas.
3. Analiza las tendencias con la vista general, que muestra las apariciones durante las últimas 24 horas y los últimos 30 días.

1. Selecciona un punto en el gráfico para ver las repeticiones de sesión relevantes.
2. Abre la pestaña Network en la repetición de sesión para analizar los detalles de la solicitud, incluyendo su duración y estado.
3. Ajusta el rango de tiempo del gráfico mediante el menú desplegable para centrarte en periodos específicos.

• Revisa las solicitudes más frecuentes en tu aplicación.
• Haz clic en una solicitud específica para filtrar las sesiones que la contienen y analizarla en mayor profundidad.

El rango de tiempo predeterminado de tu panel son las últimas 24 horas, pero puedes cambiarlo para adaptarlo mejor a tus necesidades:

1. Haz clic en el menú desplegable de rango de tiempo en la parte superior del panel.
2. Elige un rango predefinido (por ejemplo, “Last 7 days”) o establece un periodo personalizado.

Si lo prefieres, puedes crear y agregar tarjetas directamente desde la Cards View:

1. Ve a Cards View en el módulo de Analytics.
2. Crea una tarjeta para cualquier métrica de los Monitores (por ejemplo, errores de JS o solicitudes de red lentas).
3. Agrega la tarjeta a tu panel de Monitores mediante la opción Add to Dashboard.

Los Monitores te permiten rastrear y abordar problemas críticos como errores de JavaScript, el rendimiento de la red y las solicitudes lentas. Usa sus funciones interactivas, las repeticiones de sesión y la pestaña Network para profundizar en los problemas, descubrir las causas raíz y mejorar la estabilidad y el rendimiento de tu aplicación.

Si tienes algún problema para crear embudos en tu proyecto, contáctanos en nuestra comunidad de Slack y pregunta directamente a nuestros desarrolladores.