Da JSON a TypeScript

Cosa fa

Il generatore da JSON a TypeScript legge un esempio JSON, come la risposta di un’API o un file di configurazione, e scrive le interfacce TypeScript che lo descrivono. Invece di digitare ogni campo a mano, incolli una risposta reale e ottieni tipi pronti per il codice, per i risultati di fetch, lo stato di Redux o i dati di test.

Il generatore esamina ogni valore, non solo il primo. I numeri diventano number, il testo string, gli oggetti annidati hanno le proprie interfacce e gli elementi di un array vengono uniti, così un campo presente solo in alcuni elementi è segnato come opzionale e un campo a volte null è tipizzato come nullable.

Come si usa

1. Incolla JSON nel campo di input, carica un file .json o fai clic su Esempio.
2. Imposta il nome del tipo radice e scegli lo stile: interface o type, null come | null o come campi opzionali, proprietà readonly e se aggiungere export a ogni dichiarazione.
3. Copia il TypeScript o scaricalo come file .ts.

Il JSON non valido viene segnalato con la riga e la colonna del problema, così puoi correggere subito l’esempio.

Esempio

Questo JSON:

{ "id": 7, "name": "Ada", "tags": ["admin"], "manager": { "id": 1, "email": null } }

diventa queste dichiarazioni:

export interface Root {
  id: number;
  name: string;
  tags: string[];
  manager: Manager;
}

export interface Manager {
  id: number;
  email: null;
}

Suggerimenti

• Un solo esempio mostra solo ciò che contiene. Se un campo può essere una stringa o null, includi un caso per ciascuno oppure metti più esempi in un array perché vengano uniti.
• I nomi di campo che non sono identificatori validi, come first-name, vengono scritti tra virgolette, così l’output compila sempre.
• Il risultato è un punto di partenza. Restringi i campi stringa a unioni di letterali o a Date quando ne sai più dell’esempio.
• Ti serve Go? Il convertitore da JSON a Go usa la stessa deduzione per scrivere struct con tag json.