Entrée JSON

Sortie Dart

Qu'est-ce que JSON vers Dart ?

Dart utilise des classes pour les données structurées. Lors de la consommation de JSON dans les apps Flutter ou Dart, vous avez besoin de classes correspondantes.

Cet outil génère des classes Dart à partir de votre JSON. Activez JsonSerializable pour les méthodes fromJson/toJson. Activez Types nullable pour les champs optionnels.

La conversion s'exécute entièrement dans votre navigateur. Votre JSON n'est jamais envoyé à un serveur.

Quand JSON vers Dart aide

Lors du développement d'apps Flutter ou Dart qui consomment des APIs REST, vous avez besoin de classes typées.

Comment utiliser cet outil

1

Coller ou importer JSON

Copiez votre JSON et collez-le dans l'éditeur de gauche. Utilisez le bouton Exemple pour des données d'exemple. Définissez le nom de la classe et les options dans le panneau de configuration.

2

Vérifier les classes générées

Le panneau de droite affiche les classes Dart générées. Si votre JSON a une syntaxe invalide, corrigez-la d'abord avec le Formatage JSON ou le Validateur JSON.

3

Copier ou télécharger

Utilisez Copier ou Télécharger pour obtenir le code. Collez dans votre projet Flutter ou Dart.

Exemples JSON vers Dart

Voici un exemple de génération de classes Dart à partir d'un objet JSON.

Exemple : Enregistrement abonné

Entrée JSON :

Entrée

Sortie Dart générée :

Sortie

Quand JSON vers Dart aide

La plupart des développeurs ont besoin de cela lors de l'intégration avec des APIs REST.

Pour fusionner deux fichiers JSON d'abord, il y a l'outil Fusion JSON.

Les exports de base de données, fichiers de configuration ou réponses API sont souvent en JSON.

Questions fréquentes

JsonSerializable ou fromJson manuel ?

JsonSerializable génère fromJson et toJson à la compilation. Nécessite json_serializable et build_runner dans votre projet.

Et la null safety ?

Activez Types nullable pour les champs JSON optionnels. Cela ajoute ? aux types qui peuvent être null.

Mes données sont-elles envoyées quelque part ?

Non. La génération s'exécute entièrement dans votre navigateur.

Puis-je utiliser cela avec Flutter ?

Oui. Les classes générées fonctionnent avec le package http de Flutter et dart:convert.

Et si mes clés JSON utilisent snake_case ?

Utilisez @JsonKey(name: 'json_key') sur le champ pour les noms de clé JSON personnalisés.

Outils connexes

Pour JSON en Dart, voir dart:convert. Pour JSON, voir la spécification JSON.