Con nuestro dashboard Blazor WebAssembly, puede monitor fácilmente sus métricas doradas, realizar un seguimiento de la experiencia del usuario final y ver el total de visitas a su página a lo largo del tiempo.
Creada con nuestro agente de monitoreo de navegador, la integración de Blazor WebAssembly le brinda un conjunto de predeterminado que le permite ver los datos de consulta más importantes, en su lugar completo.
Después de configurar la integración de Blazor WebAssembly con New Relic, sus datos se mostrarán en un panel como este, nada más sacarlo de la caja.
Instalar el agente de infraestructura
No necesita el agente de infraestructura para integrar Blazor WebAssembly con New Relic, pero recomendamos la instalación si desea una observabilidad total de su sistema. El agente de infraestructura recopila registros y otros datos sobre sus hosts, mostrando su rendimiento métrico junto con la métrica de su aplicación.
Existen dos métodos para instalar el agente de infraestructura:
- Siga nuestra instalación guiada para instrumentar su sistema con el agente de infraestructura.
Integre Blazor WebAssembly con New Relic
Para recopilar datos de Blazor WebAssembly, siga los procedimientos siguientes:
Desde one.newrelic.com, vaya a la páginaAdd data .
Haga clic en Browser and mobile y luego haga clic en Browser monitoring.
Seleccione la opción Select copy/paste JavaScript code (para obtener más información sobre este código, consulte nuestros documentos de instalación del navegador).
Complete el resto de los pasos y haga clic Enable.
Vaya al directorio
wwwroot
de su aplicación Blazor WebAssembly.Abra el archivo
index.html
.Pegue el fragmento de código de nuestro browser justo antes de que termine la etiqueta del cuerpo (
</body>
).Reinicie su aplicación.
Vaya a one.newrelic.com y luego haga clic en Metrics & events. Ejecute una consulta NRQL de muestra para confirmar que New Relic está recopilando datos:
SELECT average(windowLoad) FROM PageViewTiming WHERE (deviceType = 'Desktop') FACET `userAgentName` SINCE 604800 seconds AGO TIMESERIESInstale el panel predeterminado yendo a la página de observabilidad instantánea de Blazor WebAssembly y luego haciendo clic en Install en la parte superior de la página.
Vaya a Dashboards desde one.newrelic.com y haga clic en Blazor WebAssembly para ver su panel.
¿Que sigue?
Para obtener más información sobre cómo crear una consulta NRQL y generar un panel, consulte estos documentos:
- Introducción al generador de consultas para crear consultas básicas y avanzadas.
- Introducción al panel para personalizar tu dashboard y realizar diferentes acciones.
- Administre su dashboard para ajustar el modo de visualización de su panel o para agregar más contenido a su dashboard.