JSON en Dart Class en Ligne

Genere des classes Dart pour Flutter depuis ton JSON, directement dans le navigateur.

Class name:

JSON

Dart Class

class Address {
  final String city;
  final String zip;

  const Address({
    required this.city,
    required this.zip,
  });

  factory Address.fromJson(Map<String, dynamic> json) =>
      Address(
    city: json['city'] as String,
    zip: json['zip'] as String,
      );

  Map<String, dynamic> toJson() => {
      'city': city,
      'zip': zip,
      };
}

class User {
  final String name;
  final int age;
  final List<String> skills;
  final Address address;

  const User({
    required this.name,
    required this.age,
    required this.skills,
    required this.address,
  });

  factory User.fromJson(Map<String, dynamic> json) =>
      User(
    name: json['name'] as String,
    age: json['age'] as int,
    skills: (json['skills'] as List<dynamic>).cast<dynamic>(),
    address: Address.fromJson(json['address'] as Map<String, dynamic>),
      );

  Map<String, dynamic> toJson() => {
      'name': name,
      'age': age,
      'skills': skills,
      'address': address.toJson(),
      };
}

Processed in your browser

A quoi ca sert

JSON vers classe Dart pour Flutter

Pret pour Flutter

Code compatible avec Flutter, json_serializable et freezed. Pret a utiliser avec http, dio ou Riverpod.

100% prive

Ton JSON d'API est traite uniquement dans ton navigateur. Les donnees sensibles ne quittent jamais ton appareil.

Null safety correct

Detecte automatiquement les champs nullable. Types requis avec required, optionnels avec ? selon le JSON.

Instantane

Classes Dart pretes en quelques millisecondes. Sans inscription, sans attente, sans limites.

Comment ça marche

Trois étapes, sans complications

Colle ton JSON

Colle le JSON de la reponse de ton API. L'outil infere les types Dart corrects pour chaque champ.

Classe Dart generee

Tu obtiens une classe Dart avec le null safety, un constructeur factory fromJson(), une methode toJson() et un typage complet compatible avec json_serializable.

Integre dans Flutter

Copie la classe generee dans ton projet Flutter. Fonctionne directement avec le package http, dio ou n'importe quel client HTTP.

FAQ

Des questions ?

C'est quoi le package json_serializable?

json_serializable est le package officiel de la communaute Dart/Flutter pour la serialisation JSON avec generation de code. Au lieu d'ecrire manuellement les methodes fromJson() et toJson(), tu definis la classe avec les annotations @JsonSerializable() et le generateur de code (build_runner) cree automatiquement les methodes. Cet outil genere du code compatible avec json_serializable : la structure de la classe, les types et le schema factory fromJson sont exactement ceux que build_runner produirait, ce qui te permet d'utiliser le code genere directement ou comme point de depart pour la version avec generation automatique.

C'est quoi le schema factory fromJson?

Le schema factory fromJson() est le standard en Dart pour deserialiser du JSON. Un constructeur factory peut renvoyer une instance existante ou en creer une nouvelle ; dans ce cas il recoit un Map<String, dynamic> (le resultat de jsonDecode()) et construit l'objet. Exemple : factory User.fromJson(Map<String, dynamic> json) => User(id: json['id'] as int, name: json['name'] as String). La methode toJson() fait l'operation inverse. Ce schema est explicite, sur du point de vue des types et facile a tester.

Comment fonctionne le null safety de Dart?

Dart 2.12 (2021) a introduit le sound null safety, l'une des fonctionnalites les plus importantes du langage. Avec le null safety, les types ne peuvent pas etre null par defaut : String est toujours une chaine non-null, tandis que String? peut etre null. Dans le contexte JSON, les champs qui peuvent etre absents ou null doivent etre types comme nullable (String?, int?). Le mot-cle required dans le constructeur indique qu'un parametre est obligatoire et ne peut pas etre omis. Cet outil detecte automatiquement quels champs JSON pourraient etre null selon leur valeur et genere le typage correct.

Comment integrer les classes generees avec l'API dans Flutter?

Le flux typique dans Flutter est : 1) Faire l'appel HTTP avec http.get() ou dio, 2) Decoder le JSON avec jsonDecode(response.body), 3) Passer la Map resultante au constructeur factory : final user = User.fromJson(jsonDecode(response.body)). Pour les listes d'objets : final users = (jsonDecode(response.body) as List).map((e) => User.fromJson(e)).toList(). Avec le package dio, tu peux utiliser des intercepteurs pour transformer automatiquement les reponses. Avec Riverpod ou BLoC, les classes generees sont utilisees directement comme etat.

C'est quoi le package freezed comme alternative?

freezed est un package de generation de code pour Dart/Flutter qui va au-dela de json_serializable. Il genere des classes immuables avec : une methode copyWith() pour creer des copies modifiees, un schema union/sealed pour modeliser des etats (similaire aux sealed classes de Kotlin), l'egalite et hashCode automatiques, et la serialisation JSON integree. Il est particulierement populaire avec Riverpod (le gestionnaire d'etat recommande par la communaute Flutter) pour modeliser l'etat de l'application. La combinaison freezed + Riverpod est l'un des schemas d'architecture les plus adoptes en Flutter professionnel.