JSON na Dart Class

Generuj klasy Dart dla Flutter z JSON bezpośrednio w przeglądarce.

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

Do czego służy

JSON na klasę Dart dla Flutter

Gotowe dla Flutter

Kod kompatybilny z Flutter, json_serializable i freezed. Gotowy do użycia z http, dio lub Riverpod.

100% prywatne

Twój JSON z API jest przetwarzany wyłącznie w Twojej przeglądarce. Wrażliwe dane nigdy nie opuszczają Twojego urządzenia.

Poprawny null safety

Automatycznie wykrywa pola nullable. Wymagane typy z required, opcjonalne z ? na podstawie JSON.

Natychmiast

Klasy Dart gotowe w milisekundach. Bez rejestracji, bez czekania, bez limitów.

Jak to działa

Trzy kroki, żadnych komplikacji

Wklej swój JSON

Wklej JSON z odpowiedzi API. Narzędzie wnioskuje poprawne typy Dart dla każdego pola.

Wygenerowana klasa Dart

Otrzymujesz klasę Dart z null safety, konstruktorem factory fromJson(), metodą toJson() i pełnym typowaniem kompatybilnym z json_serializable.

Zintegruj z Flutter

Skopiuj wygenerowaną klasę do swojego projektu Flutter. Działa bezpośrednio z pakietem http, dio lub dowolnym klientem HTTP.

FAQ

Masz pytania?

Czym jest pakiet json_serializable?

json_serializable to oficjalny pakiet społeczności Dart/Flutter do serializacji JSON z generowaniem kodu. Zamiast ręcznie pisać metody fromJson() i toJson(), definiujesz klasę z adnotacją @JsonSerializable() i generator kodu (build_runner) automatycznie tworzy te metody. Narzędzie generuje kod kompatybilny z json_serializable: struktura klasy, typy i wzorzec factory fromJson są dokładnie tym, co wygenerowałby build_runner, więc możesz użyć wygenerowanego kodu bezpośrednio lub jako punkt startowy.

Czym jest wzorzec factory fromJson?

Wzorzec factory fromJson() jest standardem Dart do deserializacji JSON. Konstruktor factory może zwrócić istniejącą instancję lub stworzyć nową — w tym przypadku przyjmuje Map<String, dynamic> (wynik jsonDecode()) i buduje obiekt. Przykład: factory User.fromJson(Map<String, dynamic> json) => User(id: json['id'] as int, name: json['name'] as String). Metoda toJson() robi odwrotność. Ten wzorzec jest jawny, bezpieczny typowo i łatwy do testowania.

Jak działa null safety w Dart?

Dart 2.12 (2021) wprowadził sound null safety, jedną z najważniejszych funkcji językowych. Z null safety typy domyślnie nie mogą być null: String to zawsze niepusty łańcuch, natomiast String? może być null. W kontekście JSON pola, które mogą być nieobecne lub null, muszą być typowane jako nullable (String?, int?). Słowo kluczowe required w konstruktorze oznacza, że parametr jest obowiązkowy. Narzędzie automatycznie wykrywa, które pola JSON mogą być null, i generuje poprawne typowanie.

Jak zintegrować wygenerowane klasy z API we Flutter?

Typowy przepływ we Flutter: 1) Wykonaj wywołanie HTTP z http.get() lub dio, 2) Zdekoduj JSON przez jsonDecode(response.body), 3) Przekaż wynikową mapę do konstruktora factory: final user = User.fromJson(jsonDecode(response.body)). Dla list obiektów: final users = (jsonDecode(response.body) as List).map((e) => User.fromJson(e)).toList(). Z pakietem dio możesz używać interceptorów do automatycznej transformacji odpowiedzi. Z Riverpod lub BLoC wygenerowane klasy są używane bezpośrednio jako stan.

Czym jest pakiet freezed jako alternatywa?

freezed to pakiet do generowania kodu dla Dart/Flutter wykraczający poza json_serializable. Generuje niezmienne klasy z: metodą copyWith() do tworzenia zmodyfikowanych kopii, wzorcem union/sealed do modelowania stanów (podobnym do sealed classes w Kotlin), automatyczną równością i hashCode oraz zintegrowaną serializacją JSON. Jest szczególnie popularny z Riverpod (menedżerem stanu rekomendowanym przez społeczność Flutter) do modelowania stanu aplikacji. Kombinacja freezed + Riverpod to jeden z najszerzej przyjętych wzorców architektonicznych w profesjonalnym Flutter.