Hvordan håndterer du netværk og API'er i Flutter?

Question

Accepted Answer

Flutter-apps kommunikerer hyppigt med **API'er** — gennem HTTP-anmodninger, parsing af JSON og håndtering af svar/fejl. Ved hjælp af pakkerne **http** eller **dio**, **async/await** og JSON-parsing er netværk en kernedel af de fleste apps. ## Foretag HTTP-anmodninger ```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 (serialisering) ```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 ``` ## Hvorfor det betyder noget At forstå netværk og API'er i Flutter er essentielt, fordi **de fleste apps kommunikerer med backends** — at hente og sende data over HTTP er en kernedel af næsten hver rigtig app, så det er vigtig praktisk viden. Apps skal konstant foretage API-kald (indlæsning af data, indsendelse af formularer, godkendelse), og at forstå, hvordan man gør det korrekt, er grundlæggende. At vide, hvordan man **foretager HTTP-anmodninger** (GET, POST osv. ved hjælp af pakkerne `http` eller `dio` med async/await), **parser JSON** (konvertering af API-svar til typificerede Dart-modelobjekter via `fromJson`/`toJson`, ideelt med kodegenerering for mange modeller) og **håndterer svar og fejl** (kontrol af statuskoder, kast/håndtering af undtagelser) er den centrale praktiske færdighed. At forstå **best practices** er særlig værdifuldt: brug af et **service/repository-lag** til at adskille netværk fra UI (clean architecture, vedligeholdelsesmulighed), **håndtering af fejl på hensigtsmæssig måde** (netværksfejl, ikke-200-statuskoder, timeout'er — visning af passende UI-feedback, da netværksopkald ofte fejler), **visning af indlæsningstilstande** (via FutureBuilder eller statsstyring for god UX), parsing af JSON til **typificerede modeller** (for typesikkerhed i stedet for rå maps) og håndtering af godkendelse og timeout'er — disse afspejler opbygning af robust, vedligeholdelsesmæssig netværkskode i stedet for skrøbelig ad-hoc-opkald. Da de fleste Flutter-apps kommunikerer med API'er (et nærmest universelt behov) og gør det godt (rigtige anmodninger, JSON-parsing til modeller, fejlhåndtering, indlæsningstilstande og clean architecture) er essentielt for funktionelle, robuste apps, og da forståelse af værktøjerne og best practices er nødvendig for denne kernefunktionalitet, er forståelse af netværk og API'er i Flutter essentiel, hyppigt anvendt praktisk viden — en grundlæggende færdighed, der er nødvendig i praktisk talt hver rigtig Flutter-app, der kommunikerer med et backend, central for opbygning af apps, der henter og viser rigtige data på pålidelig vis.