JSON-zu-TypeScript-Konverter

Das manuelle Schreiben von TypeScript-Schnittstellen für eine JSON-API-Antwort ist langsam und fehleranfällig: Verschachtelte Objekte benötigen eine eigene Schnittstelle, Arrays benötigen einen Elementtyp und ein Feld, das manchmal fehlt, muss als optional markiert werden – wenn Sie etwas davon verpassen, bleibt der Compiler still, während Ihr Code nicht mehr mit der tatsächlichen Datenform übereinstimmt.

Dieser Konverter erledigt diese Arbeit für Sie. Fügen Sie ein beliebiges JSON-Objekt oder -Array ein, und die Struktur wird rekursiv durchlaufen: Ein verschachteltes Objekt wird zu seiner eigenen benannten Schnittstelle, ein Array von Objekten erhält eine Elementschnittstelle mit Feldern, die für jedes Element in diesem Array verglichen werden – ein Feld, das nur in einigen von ihnen vorhanden ist, ist mit einem abschließenden ? gekennzeichnet, und ein Feld, das manchmal null und manchmal ein Wert ist, wird als richtige Zeichenfolge | ausgegeben Nullunion statt der einen oder anderen.

Eine Formatumschaltung schaltet nur um, wie dieselbe abgeleitete Struktur gedruckt wird: ein Schnittstellenblock, ein Typalias oder ein Zod-Schema, das aus z.object()-, z.array()- und z.union()-Aufrufen mit .optional() und .nullable() erstellt wird, wo sie gelten. Zod selbst ist ein separates npm-Paket (npm install zod) – dieses Tool schreibt nur die Schemaquelle, es installiert nichts für Sie.

Alles wird lokal in Ihrem Browser ausgeführt, sobald Sie etwas eingeben oder einfügen, ohne Senden-Button und ohne Hochladen – praktisch für Payloads, die echte Kundendaten enthalten. Informationen zum Arbeiten mit dem JSON-Text selbst und nicht mit seinen abgeleiteten Typen finden Sie im JSON-Formatierer, um ihn hübsch zu drucken oder zu verkleinern, und im JSON-Validator, um einen Syntaxfehler vor der Konvertierung zu lokalisieren.