JSON-Eingabe

Dart-Ausgabe

Was ist JSON zu Dart?

Dart verwendet Klassen für strukturierte Daten. Bei JSON in Flutter- oder Dart-Apps brauchen Sie passende Klassen mit den richtigen Feldnamen und Typen.

Dieses Tool erzeugt Dart-Klassen aus Ihrem JSON. Aktivieren Sie JsonSerializable für fromJson/toJson. Aktivieren Sie Nullable Types für optionale Felder.

Die Konvertierung läuft vollständig in Ihrem Browser. Ihr JSON wird nie an einen Server gesendet.

Wann JSON zu Dart hilft

Beim Entwickeln von Flutter- oder Dart-Apps, die REST-APIs nutzen, brauchen Sie typisierte Klassen.

So verwenden Sie dieses Tool

1

JSON einfügen oder hochladen

Kopieren Sie Ihr JSON und fügen Sie es in den linken Editor ein. Nutzen Sie die Beispiel-Schaltfläche für Beispieldaten. Setzen Sie Klassennamen und Optionen im Konfigurationspanel.

2

Generierte Klassen prüfen

Das rechte Panel zeigt die generierten Dart-Klassen. Bei ungültiger JSON-Syntax nutzen Sie zuerst den JSON Formatierer oder den JSON Validator.

3

Kopieren oder Herunterladen

Nutzen Sie Kopieren oder Herunterladen, um den Code zu erhalten. Fügen Sie ihn in Ihr Flutter- oder Dart-Projekt ein.

Beispiele: JSON zu Dart

Hier ein Beispiel für die Generierung von Dart-Klassen aus einem JSON-Objekt.

Beispiel: Teilnehmerdatensatz

JSON-Eingabe:

Eingabe

Generierte Dart-Ausgabe:

Ausgabe

Wann JSON zu Dart hilft

Die meisten Entwickler brauchen dies bei der Integration mit REST-APIs.

Zum Zusammenführen von zwei JSON-Dateien gibt es das JSON Zusammenführen-Tool.

Datenbankexporte, Konfigurationsdateien oder API-Antworten sind oft JSON.

Häufig gestellte Fragen

JsonSerializable oder manuelles fromJson?

JsonSerializable generiert fromJson und toJson zur Build-Zeit. Erfordert json_serializable und build_runner.

Was ist mit Null-Safety?

Aktivieren Sie Nullable Types für optionale JSON-Felder. Dies fügt ? zu Typen hinzu, die null sein können.

Werden meine Daten irgendwohin gesendet?

Nein. Die Generierung läuft vollständig in Ihrem Browser.

Kann ich dies mit Flutter nutzen?

Ja. Die generierten Klassen funktionieren mit Flutters http-Paket und dart:convert.

Was, wenn meine JSON-Schlüssel snake_case verwenden?

Verwenden Sie @JsonKey(name: 'json_key') auf dem Feld für benutzerdefinierte JSON-Schlüsselnamen.

Verwandte Tools

Für Dart JSON siehe dart:convert. Für JSON siehe die JSON-Spezifikation.