Kako rukuješ mrežom i API-jima u Flutteru?

Question

Accepted Answer

Flutter aplikacije često komuniciraju s **API-jima** — slanjem HTTP zahtjeva, parsiranjem JSON-a i rukovanjem odgovorima/greškama. Koristeći **http** ili **dio** pakete, **async/await**, i JSON parsiranje, mrežna komunikacija je temeljni dio većine aplikacija. ## Slanje HTTP zahtjeva ```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 parsiranje (serijalizacija) ```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 ``` ## Najbolje prakse ```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 ``` ## Zašto je to važno Razumijevanje mrežne komunikacije i API-ja u Flutteru je bitno jer **većina aplikacija komunira s backendima** — slanje i primanje podataka preko HTTP-a je temeljni dio gotovo svake stvarne aplikacije, pa je to neophodna praktična znanja. Ahplicacije stalno trebaju slati API zahtjeve (učitavanje podataka, slanje obrazaca, autentifikacija), a razumijevanje kako to učiniti ispravno je temeljno. Znanje kako **slati HTTP zahtjeve** (GET, POST, itd. koristeći `http` ili `dio` pakete s async/await), **parsirati JSON** (pretvaranje API odgovora u tipizirane Dart model objekte preko `fromJson`/`toJson`, idealno s generiranjem koda za mnoge modele), i **rukovati odgovorima i greškama** (provjera kodova statusa, bacanje/rukovanje iznimkama) je temeljna praktična vještina. Razumijevanje **najboljih praksi** je posebno vrijedno: korištenje **servisnog/repository sloja** da se mrežna komunikacija odvoji od sučelja (čista arhitektura, održivost), **elegantno rukovanje greškama** (mrežni neuspjesi, ne-200 statusni kodovi, vremenski ograničenja — prikazivanje odgovarajuće povratne informacije u sučelju, jer mrežni pozivi često ne uspijevaju), **prikazivanje stanja učitavanja** (preko FutureBuilder-a ili upravljanja stanjem, za dobar UX), parsiranje JSON-a u **tipizirane modele** (za sigurnost tipova umjesto sirovih mapa), i rukovanje autentifikacijom i vremenskim ograničenjima — to odražava pisanje robusnog, održivog koda za mrežnu komunikaciju umjesto krhkih ad-hoc poziva. Budući da većina Flutter aplikacija komunira s API-jima (gotovo univerzalna potreba) i da to činiti dobro (pravilni zahtjevi, parsiranje JSON-a u modele, rukovanje greškama, stanja učitavanja, i čista arhitektura) je neophodно za funkcionalne, robusne aplikacije, te pošto je razumijevanje alata i najboljih praksi nužno za ovu temeljnu sposobnost, razumijevanje mrežne komunikacije i API-ja u Flutteru je neophodna, često primjenjivana praktična znanja — temeljne vještina potrebne u gotovo svakoj stvarnoj Flutter aplikaciji koja komunira s backend servisom, važna za izgradnju aplikacija koje pouzdano preuzimaju i prikazuju stvarne podatke.