El convertidor JSON a TypeScript lee un valor de JSON de muestra, una respuesta de API, un archivo de configuración, un registro de base de datos, y escribe las interfaces TypeScript que lo describen. Los objetos anidados se convierten en sus propias interfaces con nombre, las matrices de objetos se fusionan en una interfaz de un solo elemento en lugar de una unión en expansión y las claves que son nulas o faltan en algunos registros se marcan como opcionales. Pegas los datos que ya tienes; obtienes tipos que de otro modo escribirías a mano.
Escribir una respuesta de API a mano es tedioso y propenso a errores de una manera específica: escribes lo que *crees* que devuelve el punto final, no lo que realmente devolvió. Los campos que nunca notó se omiten, un número entero que a veces es nulo se escribe como `número`, y el error aparece en el tiempo de ejecución en la producción en lugar de en su editor. Generar tipos directamente desde una carga útil real cierra esa brecha, porque la forma contra la que compilas es la forma en que el servidor envió.
Todo se ejecuta en su navegador. El motor de inferencia es un tipo de escritura libre de dependencias, no un contenedor alrededor de un servicio remoto, por lo que las cargas útiles, que rutinariamente llevan tokens de acceso, registros de clientes e ID internas, nunca salen de la página. Elija interfaces o escriba alias, cambie la palabra clave `export` y modificadores de `readOnly`, elija el ancho de su sangría, luego copie la salida o descargue un archivo .ts.
Suelte una respuesta de API, un archivo de accesorios o cualquier valor JSON. Cargue el ejemplo primero si desea ver cómo se manejan los objetos, las matrices y los campos nulos anidados.
Establezca el nombre de tipo raíz, por lo general el recurso, como usuario o factura. Las interfaces anidadas se nombran automáticamente desde su clave, con nombres de elementos de matriz singularizados (se convierte en lanzamiento).
Elija Interfaz o escriba Alias, decida si exportar cada declaración, agregar modificadores de solo lectura si su base de código prefiere formas inmutables y establezca la sangría en 2 o 4 espacios.
presione Generar. Revise los opcionales y uniones inferidos, luego copie el código en su portapapeles o descárguelo como un archivo .ts listo para colocar en su carpeta de tipos.
Cada objeto anidado se convierte en su propia interfaz reutilizable con nombre en lugar de una forma anónima en línea, por lo que puede importar y hacer referencia a los tipos internos de forma independiente.
Una matriz de objetos se fusiona en una interfaz de elemento. Las claves presentes en algunos registros pero no en otros se vuelven opcionales, que es exactamente como se comportan los datos de API paginados.
Elija si un valor nulo significa que la clave es opcional o si NULL pertenece a la unión. Ambas convenciones son comunes; la herramienta no obliga a uno en su base de código.
Emita `usuario de interfaz {}` o `tipo usuario = {}` para que coincida con las reglas de lint existentes, con modificadores opcionales de `export ` y `readOnly` aplicados de manera consistente en cada declaración.
Format, validate, and minify JSON data
Convert JSON to clean, valid YAML instantly — configurable indentation and safe string quoting
Convert JSON to well-formed XML instantly. Map object keys to elements, @-prefixed keys to attributes and #text to content, expand arrays into repeated tags, and export minified or pretty-printed XML. 100% client-side.
0 comments
No comments yet. Be the first to share your thoughts!