JSON naar Dart
Converteer JSON naar Dart-classes voor Flutter en Dart. Gratis, draait in je browser—geen data naar servers.
JSON-invoer
Dart-uitvoer
Wat is JSON naar Dart?
Dart gebruikt classes voor gestructureerde data. Bij het consumeren van JSON in Flutter- of Dart-apps heb je overeenkomende classes nodig met de juiste veldnamen en types.
Deze tool genereert Dart-classes uit je JSON. Activeer JsonSerializable voor fromJson/toJson-methoden. Activeer Nullable types voor optionele velden.
De conversie draait volledig in je browser. Je JSON wordt nooit naar een server gestuurd.
Wanneer JSON naar Dart helpt
Bij het ontwikkelen van Flutter- of Dart-apps die REST-API's consumeren heb je getypeerde classes nodig.
Hoe deze tool te gebruiken
JSON plakken of uploaden
Kopieer je JSON en plak het in de linker editor. Je kunt ook op Uploaden klikken om een bestand te laden. Gebruik de Voorbeeld-knop voor voorbeelddata. Stel de classnaam en opties in het configuratiepaneel in.
Gegenereerde classes controleren
Het rechterpaneel toont de gegenereerde Dart-classes. Geneste objecten worden aparte classes. Arrays worden <code>List<T></code>. Bij ongeldige JSON-syntax: eerst de JSON Formatter of de JSON Validator gebruiken.
Kopiëren of downloaden
Gebruik Kopiëren of Downloaden om de code te krijgen. Plak het in je Flutter- of Dart-project.
JSON naar Dart-voorbeelden
Hier een voorbeeld van het genereren van Dart-classes uit een JSON-object.
Voorbeeld: Abonnee-record
JSON-invoer:
Gegenereerde Dart-uitvoer:
Wanneer JSON naar Dart helpt
De meeste ontwikkelaars hebben dit nodig bij API-integratie.
Als je eerst twee JSON-bestanden moet samenvoegen: er is de tool JSON Samenvoegen voor.
Database-exporten, configuratiebestanden of API-responses zijn vaak JSON. Deze hier doorheen halen helpt Dart-classes voor je app te genereren.
Veelgestelde vragen
JsonSerializable of handmatige fromJson?
JsonSerializable genereert fromJson en toJson tijdens de build. Vermindert boilerplate. Vereist json_serializable en build_runner in je project.
Null safety?
Activeer Nullable types voor optionele JSON-velden. Dit voegt ? toe aan types die null kunnen zijn.
Worden mijn gegevens ergens naartoe gestuurd?
Nee. De generatie draait volledig in je browser.
Kan ik dit met Flutter gebruiken?
Ja. De gegenereerde classes werken met het http-pakket van Flutter en dart:convert.
Als mijn JSON-sleutels snake_case gebruiken?
Dart gebruikt typisch camelCase. Gebruik @JsonKey(name: 'json_key') op het veld voor aangepaste JSON-sleutelnamen.
Gerelateerde tools
Voor JSON in Dart: dart:convert. Voor JSON: JSON-specificatie.