TypeScript-Interface aus JSON generieren

So funktioniert es

Praktisch, wenn Sie eine API nutzen, für die Sie kein Schema oder generierten TypeScript-Client haben: Fügen Sie ein konkretes Beispiel einer JSON-Antwort ein, geben Sie dem Interface einen Namen (zum Beispiel User oder ApiResponse), und erhalten Sie sofort die entsprechenden TypeScript-interface-Definitionen, einschließlich für verschachtelte Objekte (generiert als benannte Unter-Interfaces) und Arrays (typisiert als Type[]), ohne sie von Hand schreiben zu müssen.

Wie werden Arrays und `null`-Werte typisiert?

null)[]. Ein Feld, das in Ihrem Beispiel nur null ist, wird als null typisiert: Da kein anderer Wert verfügbar ist, um den echten Typ zu erraten, wird empfohlen, diesen Typ manuell zu erweitern (zum Beispiel zu string

Ist das Ergebnis garantiert 100% korrekt?

Nein: Dieses Tool leitet die Typen aus einem einzigen Beispiel ab, es ersetzt daher kein echtes Schema (OpenAPI, JSON Schema) oder eine serverseitige Typgenerierung. Ein optionales Feld, das in Ihrem Beispiel fehlt, oder ein numerisches Feld, das manchmal eine Zeichenkette sein kann, wird nicht erkannt. Verwenden Sie das Ergebnis als Ausgangspunkt, den Sie verfeinern, besonders bei einer API, deren Antwort variieren kann.

Die Generierung läuft 100% lokal in Ihrem Browser über WebAssembly: Ihr JSON, auch wenn es von einer internen oder privaten API stammt, verlässt niemals Ihr Gerät.