Πώς χειρίζεστε τη δικτύωση και τα APIs στο Flutter;

Question

Accepted Answer

Οι εφαρμογές Flutter επικοινωνούν συχνά με **APIs** — κάνοντας HTTP αιτήματα, ανάλυση JSON και χειρισμό απαντήσεων/σφαλμάτων. Χρησιμοποιώντας τα πακέτα **http** ή **dio**, **async/await**, και ανάλυση JSON, η δικτύωση είναι ένα βασικό μέρος των περισσότερων εφαρμογών. ## Κατάθεση HTTP αιτημάτων ```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 (σειριοποίηση) ```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 ``` ## Βέλτιστες πρακτικές ```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 ``` ## Γιατί έχει σημασία Η κατανόηση της δικτύωσης και των APIs στο Flutter είναι απαραίτητη γιατί **οι περισσότερες εφαρμογές επικοινωνούν με backends** — η ανάκτηση και αποστολή δεδομένων μέσω HTTP είναι ένα βασικό μέρος σχεδόν κάθε πραγματικής εφαρμογής, επομένως είναι βασικές πρακτικές γνώσεις που πρέπει να γνωρίζετε. Οι εφαρμογές χρειάζονται συνεχώς να κάνουν API κλήσεις (φόρτωση δεδομένων, υποβολή φορμών, έλεγχος ταυτότητας), και η κατανόηση του πώς να το κάνετε σωστά είναι θεμελιώδης. Η γνώση του πώς να **κάνετε HTTP αιτήματα** (GET, POST, κλπ. χρησιμοποιώντας τα πακέτα `http` ή `dio` με async/await), **ανάλυση JSON** (μετατροπή απαντήσεων API σε τύπων Dart αντικείμενα μοντέλου μέσω `fromJson`/`toJson`, ιδανικά με δημιουργία κώδικα για πολλά μοντέλα), και **χειρισμό απαντήσεων και σφαλμάτων** (έλεγχος κωδικών κατάστασης, ρίψη/χειρισμό εξαιρέσεων) είναι η βασική πρακτική δεξιότητα. Η κατανόηση των **βέλτιστων πρακτικών** είναι ιδιαίτερα πολύτιμη: χρήση ενός **επιπέδου υπηρεσίας/αποθετηρίου** για διαχωρισμό της δικτύωσης από το UI (καθαρή αρχιτεκτονική, συντηρησιμότητα), **χειρισμό σφαλμάτων με χάρη** (αποτυχίες δικτύου, μη-200 καταστάσεις, χρονικά όρια — εμφάνιση κατάλληλης ανάδρασης UI, καθώς οι κλήσεις δικτύου συχνά αποτυγχάνουν), **εμφάνιση καταστάσεων φόρτωσης** (μέσω FutureBuilder ή διαχείρισης κατάστασης, για καλή UX), ανάλυση JSON σε **τυπικά μοντέλα** (για ασφάλεια τύπων αντί για ακατέργαστους χάρτες), και χειρισμό ελέγχου ταυτότητας και χρονικών ορίων — αυτά αντικατοπτρίζουν τη δημιουργία ισχυρού, συντηρήσιμου κώδικα δικτύωσης αντί για εύθραυστες ad-hoc κλήσεις. Επειδή οι περισσότερες εφαρμογές Flutter επικοινωνούν με APIs (μια σχεδόν καθολική ανάγκη) και το να το κάνετε καλά (σωστά αιτήματα, ανάλυση JSON σε μοντέλα, χειρισμό σφαλμάτων, καταστάσεις φόρτωσης και καθαρή αρχιτεκτονική) είναι απαραίτητο για λειτουργικές, ισχυρές εφαρμογές, και επειδή η κατανόηση των εργαλείων και των βέλτιστων πρακτικών είναι αναγκαία για αυτήν τη βασική δυνατότητα, η κατανόηση της δικτύωσης και των APIs στο Flutter είναι απαραίτητη, συχνά εφαρμοζόμενη πρακτική γνώση — μια θεμελιώδης δεξιότητα που απαιτείται σε σχεδόν κάθε πραγματική εφαρμογή Flutter που επικοινωνεί με ένα backend, κεντρική στη δημιουργία εφαρμογών που ανακτούν και εμφανίζουν πραγματικά δεδομένα αξιόπιστα.