Generador de mock JSON desde TypeScript
Pega una interfaz de TypeScript y genera mock JSON realista que se ajuste a ella, directamente en tu navegador. Tu código se queda en tu dispositivo.
Tu interfaz de TypeScript se analiza y se simula localmente en tu navegador y nunca se sube, y los datos generados son datos de muestra aleatorios, no registros reales.
¿Ya tienes JSON? Conviértelo en TypeScript con JSON a TypeScript.
Acerca de TypeScript a mock JSON
Esta herramienta de TypeScript a datos de prueba toma una interfaz o alias de tipo que pegues y genera mock JSON realista que coincide con su forma. Lee la estructura del tipo y elige un valor falso para cada propiedad, decidiendo tanto por el nombre del campo como por el tipo declarado: un campo email se convierte en un correo plausible, name en un nombre completo, createdAt en una fecha ISO, id en un UUID o número, y las cadenas simples en palabras. Interfaces anidadas, objetos en línea, arreglos, uniones de literales de cadena, miembros opcionales y Date se gestionan todos, y tú controlas cuántos objetos producir y si aparecen los campos opcionales. Úsala para poblar pruebas, prototipar respuestas de API o llenar una interfaz con datos de muestra en vez de escribir fixtures a mano. Todo se ejecuta en tu navegador, así que la interfaz que pegas se procesa localmente y nunca sale de tu dispositivo.
Características
- Lee cualquier interfaz o alias de tipo de TypeScript e infiere una forma JSON acorde
- Elige valores falsos por nombre de campo: email, name, phone, url, uuid, date y más
- Recurre al tipo declarado cuando ninguna pista de nombre coincide (string, number, boolean, null)
- Se adentra recursivamente en interfaces anidadas, tipos de objeto en línea y tipos referenciados
- Expande campos de arreglo como tags: string[] en varios elementos generados
- Elige una rama de una unión de literales de cadena como 'admin' | 'editor'
- Activa o desactiva los campos opcionales (prop?:) y genera 1 objeto o un arreglo de muchos
- Copia el JSON o descárgalo como un archivo .json con un clic
Cómo usar TypeScript a mock JSON
- Pega una interfaz o alias de tipo de TypeScript en el cuadro de entrada.
- Define cuántos objetos generar y si incluir los campos opcionales.
- Si pegaste varias interfaces, elige cuál usar como raíz.
- Lee el mock JSON generado a la derecha, luego Cópialo o descarga un archivo .json.
Ejemplo
Entrada
interface User {
id: number;
fullName: string;
email: string;
role: 'admin' | 'editor' | 'viewer';
tags: string[];
}
Salida
{
"id": 4821,
"fullName": "Ada Lovelace",
"email": "ada.lovelace@example.com",
"role": "editor",
"tags": [
"design",
"api"
]
}
Los nombres de campo guían los valores falsos, mientras que el campo de unión se resuelve en uno de sus miembros.
Errores comunes y solución de problemas
- La salida muestra «No TypeScript interface or type alias found». — Pega una declaración real como interface User { id: number } o type User = { id: number }; un valor o una expresión suelta no tiene forma que simular.
- Un tipo referenciado sale como una palabra simple en lugar de un objeto anidado. — Incluye la interfaz referenciada en el mismo pegado. Solo los tipos definidos en el código pegado pueden expandirse; los tipos desconocidos o importados recurren a una cadena.
- Un enum o un tipo mapeado complejo no se expande como esperabas. — Convierte los enums en una unión de literales de cadena (p. ej. 'a' | 'b') para que se pueda elegir un miembro; las construcciones inusuales recurren a una cadena plausible.
- Los campos opcionales aparecen siempre (o nunca aparecen). — Usa el interruptor Opcionales. Cuando está desactivado, se omite cada miembro prop?:; cuando está activado, los miembros opcionales siempre se incluyen.
Preguntas frecuentes
- ¿Cómo se convierten los tipos de campo de TypeScript en valores falsos?
- Cada propiedad se empareja primero por su nombre —email, name, phone, url, uuid, createdAt y pistas similares se mapean a datos falsos acordes— y, si no, por su tipo declarado, así que string, number, boolean y null reciben cada uno un valor generado razonable.
- ¿Admite interfaces anidadas, arreglos y uniones?
- Sí. Las interfaces anidadas y los tipos de objeto en línea se expanden de forma recursiva, los tipos de arreglo como string[] se convierten en varios elementos generados, y una unión de literales de cadena como 'admin' | 'editor' se resuelve en uno de sus miembros.
- ¿Puedo generar un arreglo de muchos objetos a la vez?
- Sí. Define el recuento de objetos por encima de 1 y la herramienta devuelve un arreglo JSON con esa cantidad de objetos generados; un recuento de 1 devuelve un único objeto en lugar de un arreglo.
- ¿Cómo se gestionan las propiedades opcionales?
- Los miembros marcados como opcionales con prop?: se controlan con el interruptor Opcionales. Actívalo para incluirlos siempre, o desactívalo para omitir cada campo opcional de la salida.
- ¿Qué ocurre con un campo Date o una marca de tiempo ISO?
- Un tipo Date, y pistas de nombre como createdAt, updatedAt o timestamp, producen una cadena de fecha ISO 8601 para que el mock JSON siga siendo válido y fácil de analizar.
- ¿El TypeScript que pego se envía a algún lugar?
- No. La interfaz se analiza y el mock JSON se genera por completo en tu navegador, así que el código que pegas se procesa localmente y nunca sale de tu dispositivo.
Herramientas relacionadas
- JSON a TypeScript — Genera interfaces de TypeScript a partir de una muestra JSON.
- Generador de datos de prueba — Genera datos JSON falsos: nombres, correos, UUID, fechas y más.
- JSON a Zod — Genera un esquema de Zod a partir de una muestra JSON.
- JSON Schema — Genera un JSON Schema desde una muestra o valida un documento JSON contra uno.
- Formateador de JSON — Embellece, minimiza y valida JSON con la ubicación de los errores.
- JSON a Pydantic — Genera clases de modelo Pydantic v2 a partir de una muestra JSON.
Todas las herramientas de ArrayKit