JSON in Dart Class

Genera classi Dart per Flutter da JSON, direttamente nel tuo browser.

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 cosa serve

Da JSON a classe Dart per Flutter

Pronto per Flutter

Codice compatibile con Flutter, json_serializable e freezed. Pronto per l'uso con http, dio o Riverpod.

100% privato

Il tuo JSON API viene elaborato solo nel tuo browser. I dati sensibili non lasciano mai il tuo dispositivo.

Null safety corretto

Rileva automaticamente i campi nullable. Tipi obbligatori con required, opzionali con ? in base al JSON.

Istantaneo

Classi Dart pronte in millisecondi. Nessuna registrazione, nessuna attesa, nessun limite.

Come funziona

Tre passaggi, senza complicazioni

Incolla il tuo JSON

Inserisci il JSON della tua risposta API. Lo strumento deduce i tipi Dart corretti per ogni campo.

Classe Dart generata

Ottieni una classe Dart con null safety, costruttore factory fromJson(), metodo toJson() e tipizzazione completa compatibile con json_serializable.

Integra in Flutter

Copia la classe generata nel tuo progetto Flutter. Funziona direttamente con il pacchetto http, dio o qualsiasi client HTTP.

FAQ

Hai delle domande?

Cos'e il pacchetto json_serializable?

json_serializable e il pacchetto ufficiale della community Dart e Flutter per la serializzazione JSON con generazione di codice. Invece di scrivere manualmente i metodi fromJson() e toJson(), definisci la classe con le annotazioni @JsonSerializable() e il generatore di codice (build_runner) crea i metodi in automatico. Questo strumento genera codice compatibile con json_serializable: la struttura della classe, i tipi e il pattern factory fromJson sono esattamente quelli che build_runner produrrebbe, permettendoti di usare il codice generato direttamente o come punto di partenza per la versione con generazione automatica.

Cos'e il pattern factory fromJson?

Il pattern factory fromJson() e lo standard in Dart per deserializzare il JSON. Un costruttore factory puo restituire un'istanza esistente o crearne una nuova; in questo caso riceve una Map con chiave String e valore dynamic (il risultato di jsonDecode()) e costruisce l'oggetto. Esempio: factory User.fromJson(Map con String, dynamic json) restituisce un User con id preso da json come int e name preso da json come String. Il metodo toJson() esegue l'operazione inversa. Questo pattern e esplicito, type-safe e facile da testare.

Come funziona il null safety di Dart?

Dart 2.12 (2021) ha introdotto il sound null safety, una delle funzionalita piu importanti del linguaggio. Con il null safety, i tipi non possono essere null per impostazione predefinita: String e sempre una stringa non nulla, mentre String? puo essere null. Nel contesto JSON, i campi che potrebbero essere assenti o null devono essere tipizzati come nullable (String?, int?). La parola chiave required nel costruttore indica che un parametro e obbligatorio e non puo essere omesso. Questo strumento rileva automaticamente quali campi JSON potrebbero essere null in base al loro valore e genera la tipizzazione corretta.

Come integrare le classi generate con le API in Flutter?

Il tipico flusso Flutter e: 1) Effettua la chiamata HTTP con http.get() o dio, 2) Decodifica il JSON con jsonDecode(response.body), 3) Passa la Map risultante al costruttore factory: final user = User.fromJson(jsonDecode(response.body)). Per liste di oggetti: final users = (jsonDecode(response.body) as List).map((e) => User.fromJson(e)).toList(). Con dio puoi usare gli interceptor per trasformare automaticamente le risposte. Con Riverpod o BLoC, le classi generate vengono usate direttamente come stato.

Cos'e il pacchetto freezed come alternativa?

freezed e un pacchetto di generazione di codice per Dart e Flutter che va oltre json_serializable. Genera classi immutabili con: metodo copyWith() per creare copie modificate, pattern union e sealed per modellare gli stati (simile alle sealed class di Kotlin), uguaglianza e hashCode automatici, e serializzazione JSON integrata. E particolarmente diffuso con Riverpod (il gestore di stato raccomandato dalla community Flutter) per modellare lo stato dell'applicazione. La combinazione freezed e Riverpod e uno dei pattern architetturali piu adottati nel Flutter professionale.