JSON ke Dart Class

Hasilkan kelas Dart untuk Flutter dari JSON, langsung di browser Anda.

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

Untuk apa alat ini

JSON ke kelas Dart untuk Flutter

Siap untuk Flutter

Kode kompatibel dengan Flutter, json_serializable, dan freezed. Siap digunakan dengan http, dio, atau Riverpod.

100% privat

JSON API Anda diproses hanya di browser Anda. Data sensitif tidak pernah meninggalkan perangkat Anda.

Null safety yang tepat

Mendeteksi field nullable secara otomatis. Tipe wajib dengan required, opsional dengan ? berdasarkan JSON.

Instan

Kelas Dart siap dalam milidetik. Tanpa daftar, tanpa menunggu, tanpa batas.

Cara kerjanya

Tiga langkah, tanpa kerumitan

Tempel JSON Anda

Tempel JSON dari respons API Anda. Alat ini menyimpulkan tipe Dart yang tepat untuk setiap field.

Kelas Dart dihasilkan

Anda mendapatkan kelas Dart dengan null safety, konstruktor factory fromJson(), metode toJson(), dan pengetikan lengkap yang kompatibel dengan json_serializable.

Integrasikan ke Flutter

Salin kelas yang dihasilkan ke proyek Flutter Anda. Langsung kompatibel dengan paket http, dio, atau klien HTTP apa pun.

FAQ

Ada pertanyaan?

Apa itu paket json_serializable?

json_serializable adalah paket resmi komunitas Dart/Flutter untuk serialisasi JSON dengan pembuatan kode otomatis. Alih-alih menulis metode fromJson() dan toJson() secara manual, Anda mendefinisikan kelas dengan anotasi @JsonSerializable() dan generator kode (build_runner) secara otomatis membuat metodenya. Alat ini menghasilkan kode yang kompatibel dengan json_serializable: struktur kelas, tipe, dan pola factory fromJson persis seperti yang dihasilkan build_runner, sehingga Anda dapat menggunakan kode yang dihasilkan langsung atau sebagai titik awal untuk versi generasi otomatis.

Apa itu pola factory fromJson?

Pola factory fromJson() adalah standar di Dart untuk deserialisasi JSON. Konstruktor factory dapat mengembalikan instans yang sudah ada atau membuat yang baru; dalam kasus ini ia menerima Map<String, dynamic> (hasil dari jsonDecode()) dan membangun objeknya. Contoh: factory User.fromJson(Map<String, dynamic> json) => User(id: json['id'] as int, name: json['name'] as String). Metode toJson() melakukan kebalikannya. Pola ini eksplisit, aman dari segi tipe, dan mudah diuji.

Bagaimana null safety Dart bekerja?

Dart 2.12 (2021) memperkenalkan sound null safety, salah satu fitur bahasa terpenting. Dengan null safety, tipe tidak dapat bernilai null secara default: String selalu string non-null, sedangkan String? dapat bernilai null. Dalam konteks JSON, field yang mungkin tidak ada atau bernilai null harus diketik sebagai nullable (String?, int?). Kata kunci required di konstruktor menunjukkan parameter wajib dan tidak boleh dihilangkan. Alat ini secara otomatis mendeteksi field JSON mana yang bisa null berdasarkan nilainya dan menghasilkan pengetikan yang tepat.

Bagaimana mengintegrasikan kelas yang dihasilkan dengan API di Flutter?

Alur Flutter yang umum adalah: 1) Lakukan panggilan HTTP dengan http.get() atau dio, 2) Decode JSON dengan jsonDecode(response.body), 3) Teruskan Map yang dihasilkan ke konstruktor factory: final user = User.fromJson(jsonDecode(response.body)). Untuk daftar objek: final users = (jsonDecode(response.body) as List).map((e) => User.fromJson(e)).toList(). Dengan paket dio, Anda dapat menggunakan interceptor untuk mengubah respons secara otomatis. Dengan Riverpod atau BLoC, kelas yang dihasilkan digunakan langsung sebagai state.

Apa itu paket freezed sebagai alternatif?

freezed adalah paket pembuatan kode untuk Dart/Flutter yang melampaui json_serializable. Ia menghasilkan kelas immutable dengan: metode copyWith() untuk membuat salinan yang dimodifikasi, pola union/sealed untuk memodelkan state (mirip Kotlin sealed class), kesetaraan dan hashCode otomatis, serta serialisasi JSON terintegrasi. Paket ini sangat populer dengan Riverpod (manajer state yang direkomendasikan komunitas Flutter) untuk memodelkan state aplikasi. Kombinasi freezed dan Riverpod adalah salah satu pola arsitektur paling banyak diadopsi dalam Flutter profesional.