Leiten Sie aus JSON eine TypeScript-Schnittstelle ab

API- und Anwendungsteams leiten aus JSON-Beispielen TypeScript-Schnittstellen ab, wenn sie Datentypen für eine Anwendung vorbereiten.

Leiten Sie aus JSON eine TypeScript-Schnittstelle ab und verfeinern Sie die erzeugte Struktur für Ihr Projekt. Ohne Anmeldung im Browser nutzbar.

Bedienung

Fügen Sie ein JSON-Beispiel in den Eingabebereich ein oder importieren Sie eine kompatible Datei.
Klicken Sie auf Generieren, um eine TypeScript-Schnittstelle zu erzeugen.
Das Ergebnis zeigt Typen, die aus den Eigenschaften in Ihrem Beispiel abgeleitet wurden.
Prüfen Sie die Felder, Typen und möglichen Optionen und kopieren Sie dann den Code.
Verwenden Sie Löschen, um die Felder zu leeren und ein weiteres Beispiel zu testen.

Beispiel

Sie erhalten eine API-Antwort und möchten deren Inhalt schnell typisieren. Fügen Sie ein JSON-Beispiel ein, generieren Sie die TypeScript-Schnittstelle und integrieren Sie sie in Ihr Projekt. So sparen Sie Zeit bei grundlegenden Typdeklarationen.

Grenzen und Formate

Die generierte Schnittstelle stützt sich auf ein einziges Beispiel; optionale Felder werden nicht erkannt.
Komplexe Typen wie Unions oder Literale werden nicht erraten.
Typnamen können generisch sein und umbenannt werden müssen.
Das Tool kompiliert den TypeScript-Code nicht; es erzeugt nur einen Vorschlag.

Wo die Verarbeitung stattfindet

Alles geschieht in Ihrem Browser: Analyse und Generierung sind lokal, es werden keine Daten gesendet. Sie können daher mit Ausschnitten realer Antworten arbeiten und dabei die Vertraulichkeit wahren.

Häufige Fragen

Werden optionale Felder in der generierten Schnittstelle markiert?

Das Tool stützt sich auf ein einziges Beispiel. Wenn ein Feld vorhanden ist, gilt es als erforderlich. Felder, die in Ihrem Beispiel fehlen, können nicht als optional erkannt werden. Sie müssen sie manuell anpassen.

Kann ich Schnittstellen für Arrays von Objekten generieren?

Ja, wenn Ihr Beispiel ein Array von Objekten enthält, leitet das Tool den Elementtyp ab und bildet ihn in der Schnittstelle ab. Prüfen Sie, ob der generierte Typ zur Struktur jedes Elements passt.

Ist der erzeugte Code direkt kompilierbar?

Die generierte TypeScript-Schnittstelle ist in den meisten Fällen syntaktisch korrekt, kann aber zu breite Typen oder anzupassende Namen enthalten. Überprüfen und korrigieren Sie sie, bevor Sie sie in Ihr Projekt integrieren.