Instalación - Nuxt

2 min de lectura Actualizado: 11.09.2026

Antes de empezar, crea un proyecto en el panel de DockRay. En sus ajustes encontrarás el token del proyecto - el identificador público que forma parte de la URL de ingesta - y en la pestaña Claves de API generarás una clave privada. La clave se muestra una sola vez, al generarla: DockRay guarda únicamente su hash. Si todavía no tienes un proyecto, empieza por Primeros pasos.

Requisitos

  • Nuxt 3 o 4,
  • Node.js 18 o posterior,
  • npm.

Instalar el módulo

bash
npm install @dockcodes/dock-ray-nuxt

Registro y credenciales

En nuxt.config.ts:

js
export default defineNuxtConfig({
    modules: ['@dockcodes/dock-ray-nuxt'],

    ray: {
        tracesSampleRate: 0.2,
        browser: { enabled: false },
    },
});

En las variables de entorno:

bash
NUXT_RAY_TOKEN=token-del-proyecto
NUXT_RAY_PRIVATE_KEY=clave-privada-del-proyecto

Nuxt mapea por sí mismo las variables NUXT_RAY_* a runtimeConfig.ray - es su propia convención integrada, que mantiene las credenciales fuera de nuxt.config.ts y fuera de git. El módulo las guarda únicamente en la mitad privada de la configuración de runtime: todo lo que está bajo runtimeConfig.public se serializa en el paquete de cliente, y una clave de proyecto ahí sería una clave publicada. Sin token ni clave el módulo se carga y no envía nada.

Qué registra el módulo por su cuenta

Añadir el módulo a modules ya basta para notificar errores de servidor y transacciones - conecta un plugin de Nitro al arrancar la aplicación por sí mismo, sin ningún archivo adicional de tu parte. Recoger errores de Vue y de JavaScript del navegador es una decisión aparte y deliberada (browser.enabled), que se explica en el artículo de configuración - por defecto el módulo solo se ocupa de lo que pasa en el servidor.

La primera prueba

Añade una ruta de servidor temporal, por ejemplo server/api/ray-test.ts:

js
export default defineEventHandler(() => {
    throw createError({ statusCode: 500, statusMessage: 'Error de control DockRay' });
});

Visítala una vez y bórrala en cuanto la prueba funcione: es un 500 real, así que las llamadas siguientes consumen el cupo mensual. La entrada debería aparecer en el panel, en la sección Errores del proyecto al que apunta el token.

Siguiente Configuración - Nuxt
Habla con nosotros El chat está cerrado ahora mismo Horario: lu–vi 08:00–18:00