Te ofrecemos esta traducción automática para facilitar la lectura.

En caso de que haya discrepancias entre la versión en inglés y la versión traducida, se entiende que prevalece la versión en inglés. Visita esta página para obtener más información.

Crea una propuesta

onEnd (API SPA)

Sintaxis

onEnd(function $callback)

Cambie los valores asociados con una interacción SPA antes de guardar la interacción.

Requisitos

  • Browser Pro+SPA agente (v963 o superior)

  • Si está utilizando npm para instalar el agente del navegador, debe habilitar la característica spa al crear una instancia de la clase BrowserAgent . En la matriz features , agregue lo siguiente:

    import { Spa } from '@newrelic/browser-agent/features/spa';
    const options = {
    info: { ... },
    loader_config: { ... },
    init: { ... },
    features: [
    Spa
    ]
    }

    Para obtener más información, consulte la documentación de instalación del navegador npm.

Descripción

Esta llamada proporciona el mismo objeto que getContext(). Cuando se llama a esto, puede realizar ajustes finales a la interacción antes de que se grabe. Por ejemplo, podría agregar atributos adicionales según los valores del contexto.

Otros métodos para modificar la interacción incluyen:

Parámetros

Parámetro

Descripción

$callback

función

Requerido. Esta función se llama cuando finaliza la interacción. Se llama con un parámetro, que es el contexto de interacción.

Valores de retorno

Este método devuelve el mismo objeto API creado por interaction().

Ejemplos

// router.js
router.addRoute('/dashboard', () => {
const interaction = newrelic.interaction().onEnd(ctx => {
interaction.setAttribute(
'averageChartLoadTime',
ctx.totalChartLoadTime / ctx.chartLoadCount
);
});
getCharts().forEach(loadChart);
});
// chart-loader.js
function loadChart(chart) {
const start = Date.now();
chart.load().then(() => {
const loadTime = Date.now() - start;
interaction.getContext(ctx => {
ctx.totalChartLoadTime = (ctx.totalChartLoadTime || 0) + loadTime;
ctx.chartLoadCount += (ctx.chartLoadCount || 0) + 1;
});
})
}