Bagaimana Anda menangani networking dan APIs di Flutter?

Question

Accepted Answer

Aplikasi Flutter sering berkomunikasi dengan **APIs** — membuat HTTP requests, parsing JSON, dan menangani responses/errors. Menggunakan package **http** atau **dio**, **async/await**, dan JSON parsing, networking adalah bagian inti dari sebagian besar aplikasi. ## Membuat HTTP requests ```dart import 'package:http/http.dart' as http; // GET request Future> fetchUsers() async { final response = await http.get(Uri.parse('https://api.example.com/users')); if (response.statusCode == 200) { final List data = jsonDecode(response.body); // parse JSON return data.map((json) => User.fromJson(json)).toList(); } else { throw Exception('Failed to load users'); // handle errors } } // POST request await http.post( Uri.parse('https://api.example.com/users'), headers: {'Content-Type': 'application/json'}, body: jsonEncode({'name': 'Ann'}), ); ``` ## JSON parsing (serialization) ```dart // model class with fromJson/toJson (convert between JSON and Dart objects) class User { final String name; User(this.name); factory User.fromJson(Map json) => User(json['name']); Map toJson() => {'name': name}; } // → for many models, use code generation (json_serializable) to avoid boilerplate ``` ## Best practices ```text ✓ Use a SERVICE/repository layer (separate networking from UI) — clean architecture ✓ Handle ERRORS (network failures, non-200 status, timeouts) gracefully → show UI feedback ✓ Show LOADING states (FutureBuilder / state management) ✓ Use DIO for advanced needs (interceptors, retries, better config) vs basic http ✓ Parse JSON into typed MODELS (not raw maps) — type safety ✓ Handle auth (tokens in headers), timeouts, and cancellation ``` ## Mengapa ini penting Memahami networking dan APIs di Flutter adalah esensial karena **sebagian besar aplikasi berkomunikasi dengan backends** — mengambil dan mengirim data melalui HTTP adalah bagian inti dari hampir setiap aplikasi nyata, jadi ini adalah pengetahuan praktis yang harus diketahui. Aplikasi terus-menerus perlu membuat API calls (memuat data, mengirim form, authentication), dan memahami cara melakukannya dengan benar adalah fundamental. Mengetahui cara **membuat HTTP requests** (GET, POST, dll menggunakan package `http` atau `dio` dengan async/await), **parsing JSON** (mengonversi API responses menjadi typed Dart model objects melalui `fromJson`/`toJson`, idealnya dengan code generation untuk banyak models), dan **menangani responses dan errors** (memeriksa status codes, melempar/menangani exceptions) adalah skill praktis inti. Memahami **best practices** sangat berharga: menggunakan **service/repository layer** untuk memisahkan networking dari UI (clean architecture, maintainability), **menangani errors dengan baik** (network failures, non-200 statuses, timeouts — menampilkan feedback UI yang sesuai, karena network calls sering gagal), **menampilkan loading states** (melalui FutureBuilder atau state management, untuk UX yang baik), parsing JSON menjadi **typed models** (untuk type safety daripada raw maps), dan menangani auth dan timeouts — ini mencerminkan membangun networking code yang robust dan maintainable daripada calls ad-hoc yang fragile. Karena sebagian besar aplikasi Flutter berkomunikasi dengan APIs (kebutuhan yang hampir universal) dan melakukannya dengan baik (requests yang tepat, JSON parsing menjadi models, error handling, loading states, dan clean architecture) adalah esensial untuk aplikasi yang functional dan robust, dan karena memahami tools dan best practices diperlukan untuk core capability ini, memahami networking dan APIs di Flutter adalah pengetahuan praktis yang esensial dan sering diterapkan — skill fundamental yang dibutuhkan di hampir setiap aplikasi Flutter nyata yang berkomunikasi dengan backend, pusat dalam membangun aplikasi yang mengambil dan menampilkan data nyata dengan andal.