JavaScript → JSON-Schema-Generator

JavaScript-Code Eingabe

1

JSON Schema Ausgabe

Einstellungen

Wählen Sie, welche Klasse als JSON-Schema-Root behandelt werden soll.

Das Parsing läuft vollständig im Browser. Ihr Code verlässt die Seite nicht.

Fügen Sie Ihre JavaScript-Klassen ein, um sofort JSON Schema zu erzeugen.

Unterstützt Klassen, verschachtelte Objekte und Arrays; alles läuft lokal im Browser.

So konvertieren Sie JavaScript-Klassen zu JSON Schema – Schritt-für-Schritt

Dieser Online-Konverter (JavaScript class → JSON Schema) hilft Ihnen, JSON Schema aus echten Modellen (DTOs, structs, classes) zu generieren, um Payloads zu validieren, Verträge zu teilen und Mock JSON zu erzeugen.

  1. Schritt 1 – JavaScript-Quelle einfügen

    • Fügen Sie die Modelle, die Sie dokumentieren möchten, in den linken Editor ein.
    • Fügen Sie referenzierte Typen im selben Snippet hinzu, damit definitions generiert werden können.
    • Mit Beispiel laden Sie ein Beispiel und sehen das erwartete Eingabeformat.
  2. Schritt 2 – Root-Typ auswählen (falls nötig)

    • Wenn mehrere Definitions erkannt werden, wählen Sie die Root-Definition, die zu Ihrem API-Payload passt.
    • Das Output-Schema wird um die gewählte Root-Definition aufgebaut und kann zusätzliche Definitions enthalten.
  3. Schritt 3 – JSON-Schema-Ausgabe prüfen

    • Prüfen Sie Typen, required vs. optionale Felder und verschachtelte Objekt-/Array-Strukturen.
    • Achten Sie auf definitions und $ref wenn Modelle andere Modelle referenzieren.
    • Schema kopieren oder herunterladen – für Validierung, Dokumentation oder schema-first Entwicklung.
  4. Schritt 4 – Validieren oder Mock JSON generieren

    • Klicken Sie auf Mock-Daten generieren um den Mock-Generator mit vorbefülltem Schema zu öffnen.
    • Validieren Sie reale Payloads gegen Ihr Schema, um Breaking Changes früh zu erkennen.
    • Wenn Sie fortgeschrittene Komposition nutzen (z. B. anyOf/oneOf/allOf), prüfen Sie das Ergebnis mit einem vollständigen Validator wie Ajv.

Hinweis zum Keyword-Support

Generierte Schemas können $ref enthalten und bei Bedarf um anyOf, oneOf, oder allOfergänzt werden. Für komplexe Schemas nutzen Sie einen vollständigen JSON-Schema-Validator und dereference vor der Mock-Generierung, falls nötig.

Verwandte JSON-Schema- und Code-Generierungs-Tools

Nutzen Sie diese Tools, um Schemas zu validieren, Mock-Payloads zu erzeugen, JSON-Beispiele zu formatieren und Code und Verträge synchron zu halten.

Häufig gestellte Fragen

Welche JavaScript-Syntax wird unterstützt?

Klassen mit Feldern, die im constructor gesetzt oder als Properties definiert werden. Für bessere Ergebnisse sollten Sie konsistente Beispiele und vollständige Strukturen einfügen.

Wie funktioniert die Typ-Erkennung?

Literalwerte bestimmen den Schema-Typ (z. B. "" => string, 0 => integer, [] => array). Nicht-literal zugewiesene Werte fallen auf string zurück und werden als optional markiert. Arrays werden zu Schema-Arrays mit generischen Elementen, Objekt-Literale zu Maps.

Kann ich mehrere Klassen einfügen?

Ja. Fügen Sie mehrere Klassen ein und wählen Sie die Root-Definition in den Settings. Das Schema enthält definitions für referenzierte Typen.

Wie erzeuge ich Mock-Daten aus dem Schema?

Nach der Schema-Generierung klicken Sie auf "Mock-Daten generieren", um den Mock-Generator mit vorbefülltem Schema zu öffnen.