Crea una interfaz TypeScript desde JSON

Los equipos de API usan JSON a TypeScript para crear una interfaz desde una respuesta de ejemplo y adaptarla después al proyecto.

Crea una interfaz TypeScript desde JSON y ajusta la estructura generada a tu proyecto. Todo se hace gratis en el navegador, sin crear una cuenta.

Cómo usar

Pega una muestra JSON en el área de entrada o importa un archivo compatible.
Haz clic en Generar para producir una interfaz TypeScript.
El resultado muestra los tipos inferidos a partir de las propiedades de tu muestra.
Revisa los campos, los tipos y las posibles opciones, y luego copia el código.
Usa Borrar para limpiar los campos y probar otra muestra.

Ejemplo

Recibes una respuesta de API y quieres tipar rápidamente su contenido. Pega una muestra JSON, genera la interfaz TypeScript y luego intégrala en tu proyecto. Ahorras tiempo en las declaraciones de tipos básicas.

Límites y formatos

La interfaz generada se basa en un solo ejemplo; los campos opcionales no se detectan.
Los tipos complejos, como uniones o literales, no se adivinan.
Los nombres de tipo pueden ser genéricos y requerir cambios de nombre.
La herramienta no compila el código TypeScript; solo produce una propuesta.

Dónde se procesa

Todo ocurre en tu navegador: el análisis y la generación son locales, sin enviar datos al exterior. Por lo tanto, puedes trabajar con fragmentos de respuestas reales manteniendo la confidencialidad.

Preguntas frecuentes

¿Los campos opcionales se marcan en la interfaz generada?

La herramienta se basa en un solo ejemplo. Si un campo está presente, se considera obligatorio. Los campos que faltan en tu muestra no pueden adivinarse como opcionales. Tendrás que ajustarlos manualmente.

¿Puedo generar interfaces para arrays de objetos?

Sí, si tu muestra contiene un array de objetos, la herramienta infiere el tipo de elemento y lo refleja en la interfaz. Comprueba que el tipo generado coincida con la estructura de cada elemento.

¿El código producido se puede compilar directamente?

La interfaz TypeScript generada es sintácticamente correcta en la mayoría de los casos, pero puede contener tipos demasiado amplios o nombres que deban adaptarse. Revísala y corrígela antes de integrarla en tu proyecto.