Der JSON-zu-TypeScript-Konverter liest einen JSON-Beispielwert - eine API-Antwort, eine Konfigurationsdatei, einen Datenbankdatensatz - und schreibt die TypeScript-Schnittstellen, die ihn beschreiben. Verschachtelte Objekte werden zu eigenen benannten Schnittstellen, Arrays von Objekten werden in eine einzelne Elementschnittstelle und nicht in eine weitläufige Union zusammengeführt, und Schlüssel, die in einigen Datensätzen null oder fehlen, werden als optional markiert. Sie fügen bereits Daten ein, Sie erhalten Typen, die Sie sonst handschreiben würden.
Das Eingeben einer API-Antwort von Hand ist auf eine bestimmte Weise mühsam und fehleranfällig: Sie geben ein, was Sie * denken *, der Endpunkt gibt zurück und nicht das, was es tatsächlich zurückgegeben hat. Felder, die Sie nie bemerkt haben, werden weggelassen, eine ganze Zahl, die manchmal als "Nummer" eingegeben wird, und der Fehler wird zur Laufzeit in der Produktion und nicht in Ihrem Editor angezeigt. Das Generieren von Typen direkt aus einer echten Nutzlast schließt diese Lücke, da die Form, gegen die Sie kompilieren, die Form ist, die der Server tatsächlich gesendet hat.
Alles läuft in Ihrem Browser. Die Inferenz-Engine ist abhängigkeitsfreies TypeScript, kein Wrapper um einen Remote-Service, sodass Nutzlasten - die routinemäßig Zugriffstoken, Kundendatensätze und interne IDs übertragen - die Seite niemals verlassen. Wählen Sie Schnittstellen oder geben Sie Aliase ein, schalten Sie das Schlüsselwort "Export" und "ReadOnly" -Modifikatoren um, wählen Sie Ihre Einzugsbreite aus und kopieren Sie die Ausgabe oder laden Sie eine .ts-Datei herunter.
Löschen Sie eine API-Antwort, eine Fixture-Datei oder einen JSON-Wert. Laden Sie zuerst das Beispiel, wenn Sie sehen möchten, wie verschachtelte Objekte, Arrays und NULL-Felder behandelt werden.
Legen Sie den Stammtypnamen fest – normalerweise die Ressource, wie Benutzer oder Rechnung. Verschachtelte Schnittstellen werden automatisch aus ihrem Schlüssel benannt, wobei Array-Elementnamen singularisiert sind (Releases werden freigegeben).
Wählen Sie Schnittstelle oder Alias eingeben, entscheiden Sie, ob jede Deklaration exportiert werden soll, fügen Sie schreibgeschützte Modifikatoren hinzu, wenn Ihre Codebasis unveränderliche Formen bevorzugt, und setzen Sie den Einzug auf 2 oder 4 Leerzeichen.
Drücken Sie Generieren. Überprüfen Sie die abgeleiteten Optionen und Gewerkschaften und kopieren Sie den Code in Ihre Zwischenablage oder laden Sie ihn als .ts-Datei herunter, die zum Ablegen in Ihrem Typenordner bereit ist.
Jedes verschachtelte Objekt wird zu einer eigenen, wiederverwendbaren Schnittstelle anstelle einer anonymen inline-Form, sodass Sie die inneren Typen unabhängig importieren und referenzieren können.
Ein Array von Objekten wird zu einer Elementschnittstelle zusammengeführt. In einigen Datensätzen vorhandene Schlüssel, andere werden optional, so verhält sich genau das richtige Paginieren der API-Daten.
Wählen Sie aus, ob ein Nullwert bedeutet, dass der Schlüssel optional ist oder ob NULL zur Union gehört. Beide Konventionen sind üblich, das Tool erzwingt Ihre Codebasis nicht.
Geben Sie "Interface User {}" oder "Type user = {}" an, um Ihren vorhandenen Flußregeln zu entsprechen, wobei optionale "Export" - und "ReadOnly" -Modifikatoren über jede Deklaration hinweg konsistent angewendet werden.
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!