Datos del navegador en rastreo distribuido

Si utiliza New Relic para monitor la actividad browser del usuario final, puede aprovechar rastreo distribuido para ver la traza del lado browserque se origina en la experiencia del usuario final.

Trazar la actividad desde el frontend hasta el backend

Al informar los datos del navegador en rastreo distribuido, puede ver la conexión entre la actividad del frontend y la actividad del backend. New Relic traza datos a lo largo de una transacción completa, desde el tiempo que pasa un usuario final en el browser web hasta la actividad de la red y los servicios backend asociados. Esto te ayuda:

• Detecta latencia, errores y anomalías en el browser o en la red con mayor facilidad.
• Resuelva los problemas de los clientes más rápidamente.
• Aplique todos los beneficios del rastreo distribuido al monitoreo de su usuario final.

Esta característica informa las solicitudes AJAX (Fetch y XHR) que ocurren durante una interacción del navegador. De forma predeterminada, solo se supervisan las solicitudes de origen único, a menos que esté habilitado el uso compartido de recursos entre orígenes .

Versiones browser y APM.

Asegúrese de tener las versiones mínimas necesarias para su agente monitoreo de browsery su agente APM:

Browser monitoring:

• Para rastreo distribuido: Agente Browser Pro+SPA con rastreo distribuido habilitado y agente del navegador versión 1153 o superior
• Para compartir recursos entre orígenes: agente del navegador versión 1158 o superior
• Para compatibilidad con W3C Trace Context : agente del navegador versión 1173 o superior

APM:

• Java 5.9.0 o superior
• PHP 9.4.0 o superior
• Otros requisitos de versión del agente APM

Habilitar rastreo distribuido

De forma predeterminada, para la versión 1173 y superiores del agente, los encabezados newrelic, traceparent y tracestate se agregarán a todas las solicitudes AJAX del mismo origen. (Si los excluye, no se enviarán encabezados). Para obtener más información, consulte nuestra documentación sobre los encabezadosW3C Trace Context .

Para habilitar el rastreo distribuido para el monitoreo del navegador:

1. Asegúrese de que su agente de monitoreo de navegador y su agente APM sean compatibles con el rastreo distribuido. Actualice a la versión más reciente si corresponde.

2. Vaya a

   one.newrelic.com > All capabilities > Browser > (select an app) > Settings > Application settings

   .

3. Active la palanca

   Distributed tracing

   .

4. Opcional: habilite el uso compartido de recursos entre orígenes.

5. Vuelva a implementar el agente de monitoreo de navegador, ya sea reiniciando el agente APM asociado o actualizando la instalación del navegador copiando y pegando.

6. Si tiene aplicaciones o servicios posteriores a la aplicación de su browser y utilizan Infinite Tracing, complete los pasos de configuración para Infinite Tracing.

Encabezados W3C Trace Context

Con el lanzamiento de la versión 1173 del agente de monitoreo de navegador, admitimos los encabezados W3C Trace Context (traceparent y tracestate), así que asegúrese de permitirlos en su configuración. W3C Trace Context define un par de encabezados HTTP de contexto estandarizados que sirven para propagar información de correlación de contexto entre servicios:

• Un encabezado traceparent contiene los elementos de datos que cada modelo de rastreo distribuido requiere para definir y propagar el contexto: un ID de traza, un ID principal y una bandera de muestra.
• Un encabezado tracestate contiene datos contextuales específicos del proveedor, normalmente para admitir funciones adicionales u optimizaciones asociadas con una herramienta de seguimiento en particular.

Para obtener más información sobre W3C Trace Context, consulte nuestra publicación de blog.

Habilitar el intercambio de recursos entre orígenes (CORS)

Si tiene solicitudes AJAX que necesitan recursos de diferentes orígenes, puede habilitar el uso compartido de recursos entre orígenes (CORS). De forma predeterminada, rastreo distribuido para solicitudes de origen cruzado no está habilitado debido a restricciones de seguridad CORS browser : rastreo distribuido se implementa agregando encabezados HTTP personalizados (newrelic, traceparent y tracestate) a las solicitudes AJAX salientes, y el navegador normalmente no permiten encabezados personalizados en solicitudes de origen cruzado.

Se requieren dos configuraciones separadas para habilitar el rastreo distribuido entre orígenes:

1. Configure el servicio en el origen diferente para aceptar el encabezado personalizado newrelic .

2. Configura el monitoreo de navegador en tu

   Application settings

   para incluir el origen objetivo en el rastreo distribuido.

Esta sección proporciona conceptos y pasos clave para habilitar y configurar CORS. Si necesita más información sobre cómo funciona el intercambio de recursos entre orígenes, le recomendamos este documento para desarrolladores de Mozilla.

Access-Control-Allow-Headers: newrelic, traceparent, tracestate

Habilitar seguimiento infinito

Ofrecemos una característica distribuida al final del rastreo llamada Infinite Tracing. Si las aplicaciones de su browser tienen servicios descendentes, asegúrese de habilitarlos. Esto garantiza que su intervalo raíz (la aplicación browser de inicio) esté incluido en el resto de los intervalos rastreados por Infinite Tracing.

Para configurar el seguimiento infinito:

1. Complete los pasos para habilitar rastreo distribuido.
2. Vaya a nuestra documentación de Infinite Tracing, luego siga los pasos para crear un observador de traza y seleccionar qué aplicaciones (fuentes de datos) desea enviar tramos de traza al observador de traza de Infinite Tracing.

Explora los datos de tu traza

A continuación se ofrecen algunos consejos para encontrar y consultar los datos de su traza en New Relic.

Resolución de problemas

Si no ve los intervalos finales del usuario o tiene otros problemas con el rastreo distribuido, consulte nuestra documentación de resolución de problemas .