Generador de JavaScript a JSON Schema

Entrada Código JavaScript

Cargando editor…

Salida JSON Schema

Configuración

Elige qué clase se trata como raíz del JSON Schema.

El parseo ocurre completamente en tu navegador. Tu código nunca sale de esta página.

Pega tus clases JavaScript para producir JSON Schema al instante.

Soporta clases, objetos anidados y arrays; todo se ejecuta localmente en el navegador.

Cómo convertir clases JavaScript a JSON Schema — guía paso a paso

Este convertidor en línea (JavaScript class → JSON Schema) te ayuda a generar JSON Schema desde modelos reales (DTOs, structs y classes) para validar payloads, compartir contratos y generar mock JSON.

  1. Paso 1 – Pega tu fuente JavaScript

    • Pega los modelos que quieres documentar en el editor izquierdo.
    • Incluye tipos referenciados en el mismo snippet para que el esquema pueda generar definitions.
    • Usa el botón Ejemplo para cargar un ejemplo y ver el formato esperado.
  2. Paso 2 – Selecciona el Tipo raíz (si hace falta)

    • Si se detectan múltiples definitions, elige la raíz que coincide con tu payload de API.
    • El esquema de salida se construye alrededor de la raíz seleccionada e incluye definitions para tipos referenciados.
  3. Paso 3 – Revisa la salida de JSON Schema

    • Comprueba tipos, campos requeridos vs. opcionales y estructuras anidadas de objetos/arrays.
    • Busca definitions y $ref cuando tus modelos referencien otros modelos.
    • Copia o descarga el esquema para validación, documentación o desarrollo schema-first.
  4. Paso 4 – Valida o genera mock JSON

    • Haz clic en Generar datos mock para abrir el generador de mock con tu esquema precargado.
    • Valida payloads reales contra tu esquema para detectar cambios incompatibles temprano.
    • Si dependes de composición avanzada del schema (por ejemplo anyOf/oneOf/allOf), verifica el resultado con un validador completo como Ajv.

Nota sobre soporte de keywords

Los esquemas generados pueden incluir $ref y puedes editarlos para añadir anyOf, oneOf, o allOf. Para esquemas complejos, usa un validador completo de JSON Schema y haz dereference antes de generar mock si es necesario.

Herramientas relacionadas de JSON Schema y generación de código

Usa estas herramientas para validar schemas, generar payloads mock, formatear ejemplos JSON y mantener código y contratos sincronizados.

Preguntas frecuentes

¿Qué JavaScript está soportado?

Se soportan clases con campos asignados en el constructor o definidos como propiedades. Para mejor precisión, incluye ejemplos completos y tipos consistentes en el snippet.

¿Cómo detecta tipos el convertidor?

Infiera tipos a partir de valores y patrones comunes. Strings, numbers, booleans, arrays y objetos anidados se convierten en el JSON Schema equivalente.

¿Puedo pegar varias clases?

Sí. Pega varias clases relacionadas y selecciona la raíz en settings. El schema incluirá definitions para tipos referenciados.

¿Cómo genero datos mock desde el schema?

Tras generar el schema, haz clic en "Generar datos mock" para abrir el Generador de Mock con el schema precargado.

Generador de JavaScript a JSON Schema | JSONSwiss