Saltar al contenido
Telemetry
guía de integración

Análisis de eventos del servidor Next.js

Observe handlers de rutas existentes de Next.js con eventos listos para SQL sin exponer una clave de ingesta al navegador.

Revisado por el equipo de producto Telemetry en . Revisamos qué eventos enviar, qué datos excluir y cómo añadir el código. Quién revisa esta página

Prueba con tu agente de programaciónVer fragmento

Usa el prompt de configuración para instrumentar una ruta existente. No necesitas registrarte para probar.

Útil para
  • Resultados de handlers de rutas existentes
  • Fiabilidad del controlador de ruta
  • Eventos de activación de producto
Evidencia de implementación

Envía y verifica eventos con Next.js server event analytics

Utilice Next.js server event analytics en un límite de aplicación controlado, mantenga el contrato de evento pequeño y verifique un resultado conocido antes de crear vistas agregadas.

  1. 1

    Elige el resultado

    Resultados de handlers de rutas existentes

  2. 2

    Definir el contrato

    invocation_id, route_template y method

  3. 3

    Emitir en el resultado

    Use el helper enlazado en un handler de ruta de App Router con Node.js en una versión actual y parcheada de Next.js.

  4. 4

    Verificar la evidencia

    Exercise a known fixture, then inspect nextjs_route_observed for one correctly typed terminal row.

Antes de empezar

Antes de empezar

  • Una variable de entorno TELEMETRY_API_KEY exclusiva del servidor
  • El helper withTelemetry del servidor de la receta enlazada de Next.js App Router
  • Un flujo de trabajo con nombre cuyas definiciones de éxito y fracaso están documentadas.

Configuración de entrega

Instalar e inicializar el lado del servidor

Este ejemplo de servidor envía eventos mediante la API Log, con una clave del servidor y una solicitud fetch acotada; no es necesario inicializar el SDK de Telemetry. Mantenga las credenciales de ingesta fuera de los paquetes de navegador, las variables de entorno visibles para el cliente, el control de fuente, los registros y los mensajes de excepción.

  1. 1Prepare un cliente de entrega del lado del servidor reutilizable con comportamiento de red limitado.
  2. 2Agregue el evento de resultado en el límite de éxito, error, reintento o tiempo de espera.
  3. 3Envíe accesorios controlados e inspeccione las filas almacenadas antes de habilitar una alerta.

Fragmento

Comience con un evento estructurado

Agregue esta forma donde el flujo de trabajo se completa, falla o se vuelve a intentar. Luego cree el panel a partir de campos reales.

nextjs

Evento Next.js server event analytics

javascript
import { withTelemetry } from "@/lib/with-telemetry";

// Copy the helper from the linked Next.js App Router recipe.
// Keep your existing POST handler's authentication and business logic.
export const POST = withTelemetry(existingPOST, "/api/projects");

Esquema del evento

invocation_id, route_template y method

handler_outcome y status_code

latency_ms y environment

Comprueba tu configuración

Punto de control 1

Use el helper enlazado en un handler de ruta de App Router con Node.js en una versión actual y parcheada de Next.js.

Punto de control 2

El helper enlazado conserva la respuesta del handler cuando falla el envío del evento; el envío en segundo plano es de mejor esfuerzo, no una cola duradera.

Punto de control 3

No coloque claves API en variables NEXT_PUBLIC ni envíe datos sin formato.

Verificación

Demuestra que el evento llegó

Ejecute esto después de ejercitar casos conocidos de éxito y fracaso. Reemplace el nombre de la tabla alternativa si su contrato de evento final difiere del fragmento.

Verificación nextjs

Consulta de verificación Next.js server event analytics

sql
SELECT *
FROM nextjs_route_observed
ORDER BY timestamp_utc DESC
LIMIT 20;
Confirme una fila terminal por resultado lógico, con el estado esperado, identificadores, unidades y hora UTC.
Inspeccione el esquema inferido y verifique que los reintentos no cambien los tipos de campos ni generen un nuevo ID de evento lógico.
Busque en los campos almacenados credenciales, cargas útiles sin procesar, mensajes, contenido privado y mensajes de error ilimitados.
Realice un tiempo de espera del proveedor, un rechazo de la ingesta y un cierre del proceso antes de considerar el panel como completo.

Referencias de implementación

Revise el contrato del evento, la guía de seguridad de los datos y la documentación primaria previa antes de habilitar una nueva ruta de producción.

Receta para Next.js App RouterSDK JavaScriptControles de datos confidencialesControladores de ruta Next.js

Dónde registrar eventos

Mantenga el evento de resultado pequeño y recuperable

Este patrón proporciona

  • Un resultado limitado y listo para SQL junto al flujo de trabajo ascendente.
  • Campos estables para paneles, alertas y correlación entre eventos.
  • Una ruta basada en dispositivos para validar el comportamiento de éxito, fracaso, reintento y tiempo de espera.

Este patrón no proporciona

  • Un exportador de OTLP, un canal de recopilación automática o un reemplazo para seguimientos detallados y registros de diagnóstico.
  • Entrega exactamente una vez simplemente porque la carga útil contiene un ID de evento.
  • Permiso para recopilar cargas útiles sin procesar del proveedor, contenido de usuario, credenciales o datos regulados.
Entrega e idempotenciaProcesamiento por lotes y apagadoSolucionar problemas de ingestión

Ejemplos de esquemas de eventos

Esquemas de eventos para este flujo de trabajo

Revise el detalle de la fila, el límite de emisión, los tipos requeridos, las clases de privacidad, la carga útil de ejemplo y la lista de verificación de validación antes de adaptar una consulta o fragmento a producción.

Ciclo de vida del producto7 campos

user_signed_up

Un registro aceptado por usuario y cuenta.

Ver esquema
Análisis de producto8 campos

product_milestone_completed

Un hito completado por actor, cuenta y ocurrencia.

Ver esquema
Fiabilidad frontal8 campos

browser_performance_observed

Una observación de métrica del navegador de muestra.

Ver esquema

Función relacionada del producto

Continúe este flujo de trabajo en Paneles de control

Convierta una consulta de ingresos o un producto validado en una superficie de decisión enfocada.

Explorar Paneles de controlLeer historias de clientes

Recetas SQL relacionadas

Más ejemplos de SQL

Ejecute la consulta en los campos estructurados de este flujo de trabajo, inspeccione el resultado del ejemplo y convierta una respuesta útil en un panel o alerta.

Explorar todas las recetas
Fiabilidad de la APIIntermedio

Compare la confiabilidad de API por versión

¿Qué versiones coinciden con peores errores de API o latencia de cola?

Receta abierta
Análisis de productoIntermedio

Cree un embudo de registro para activación en SQL

¿Dónde se van los nuevos usuarios antes de alcanzar el primer valor?

Receta abierta
Análisis de productoIntermedio

Comparar la conversión del embudo por fuente de adquisición

¿Qué fuentes de adquisición producen usuarios que se activan?

Receta abierta
Fiabilidad frontalIntermedio

Compare Core Web Vitals por ruta y lanzamiento

¿Qué ruta y versión tiene el rendimiento frontend más débil?

Receta abierta
Fiabilidad de la APIPrincipiante

Comparar la tasa de errores de implementación de funciones

¿Es el lanzamiento de banderas de características menos confiable que su cohorte de control?

Receta abierta
Colecciones de consultasFiabilidad de la API SQLAnálisis de producto SQLFiabilidad frontal SQL

Explorar por familia de implementación

Comparar patrones de integración relacionados

Integraciones Node.js y TypeScript TelemetryIntegraciones del marco de aplicación TelemetryIntegraciones de navegador y Edge Telemetry

Plantillas para combinar con esta integración

Monitor de latencia y errores de API

Observe el volumen de solicitudes, los códigos de estado, la latencia de ruta, los puntos finales fallidos y los incidentes de API que afectan al cliente.

Abrir plantilla

Plantilla de activación y retención

Realice un seguimiento del camino desde el registro hasta la primera acción significativa, el uso retenido, la intención de actualización y las señales de expansión.

Abrir plantilla

Más integraciones

Supabase y aplicación Postgres Telemetry

Realice un seguimiento de los flujos de trabajo de productos, trabajos adyacentes a bases de datos, rutas API y fallas de cara al cliente desde el código del servidor.

abrir guia

Ir al registro estructurado del servidor HTTP

Agregue eventos de resultado de solicitud escritos a los servicios Go HTTP para obtener tasas de error de ruta, percentiles de latencia y comparaciones de versiones.

abrir guia

Análisis de eventos estructurados de Ruby on Rails

Registra observaciones de solicitudes de controladores Rails mediante la API HTTP de Telemetry sin cambiar los resultados de la aplicación.

abrir guia