Tätigen eines Netzwerkanrufs in Flutter

Hallo Leute! Ich bin zurück mit einem brandneuen Artikel, der eine der wichtigsten Aufgaben im Flutter-Framework behandelt, nämlich das Tätigen eines Netzwerkaufrufs oder einer HTTP-Anfrage. Als Android-Entwickler weiß ich, wie viel Code ich schreiben muss, um eine einfache GET-Anfrage bei der Entwicklung nativer Android-Apps zu stellen. Uff! Ich kenne den Schmerz so gut wie du. Aber mit Flutter ist eine HTTP-Anfrage wie ein Kuchenspaziergang. Lassen Sie mich Ihnen zeigen, wie Sie die App-Entwicklung mit Flutter vereinfachen können.

Bevor Sie in den eigentlichen Code eintauchen. Lassen Sie mich Ihnen nur eine Beschreibung der Bibliothek geben, die wir verwenden werden, um die HTTP-Anfrage zu stellen. Diese Bibliothek wird mit dem Flutter-Framework selbst geliefert. Der Name der Bibliothek lautet:

http.dart

Diese Bibliothek wird mit dem Flutter-Framework geliefert und lebt in der http-Paket. Diese Dart-Datei verfügt über alle Methoden, um eine HTTP-Anfrage zu stellen. Auf der Flutter-Website können Sie sich ausführlich über diese Bibliothek informieren.

Bevor ich weiterlese, gehe ich davon aus, dass Sie Grundkenntnisse über Flutter haben und ein einfaches Projekt erstellen können. Wenn du JA sagst, dann lass es uns tun. Machen Sie Ihre erste GET-Anfrage:

Wir werden die berühmten verwenden JSONPlaceHolder Website, um eine Anfrage an eine von ihnen bereitgestellte gefälschte REST-API zu stellen.

Schlagen wir die /Fotos Ressource, die eine GET-Anfrage ist.

Dies ist der Körper der /Fotos Ressource, die 5000 Artikel zurückgibt:

[
  {
    "albumId": 1,
    "id": 1,
    "title": "accusamus beatae ad facilis cum similique qui sunt",
    "url": "
    "thumbnailUrl": "
  },
  {
    "albumId": 1,
    "id": 2,
    "title": "reprehenderit est deserunt velit ipsam",
    "url": "
    "thumbnailUrl": "
  },
  {
    "albumId": 1,
    "id": 3,
    "title": "officia porro iure quia iusto qui ipsa ut modi",
    "url": "
    "thumbnailUrl": "
  }
]

Öffnen Sie die main.dart Datei in Ihrem Flutter-Projekt. Entfernen Sie einfach den gesamten Code darin.

Das allererste, was wir in der main.dart-Datei tun werden, ist das Importieren der Must-Have-Pakete.

import 'package:flutter/material.dart';
import 'package:http/http.dart' show get;

Die erste Anweisung besteht darin, die Flutter-Materialfunktionen zu importieren, die zum Erstellen der App verwendet werden. Dies material.dart Datei bestehen aus den wichtigsten Klassen dh Material-App und Gerüst. Der zweite Import erhält nur die GET-Methode aus der http.dart Datei.

Überprüfen Sie nun den folgenden Code, der die GET-Anfrage stellt:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("GET Request"),
        ),
        floatingActionButton: FloatingActionButton(onPressed: () {
          fetchData();
        }),
      ),
    );
  }

  void fetchData() async {
    var result = await get('
    print(result.body);
  }
}

Im obigen Code befindet sich die Hauptlogik, die die GET-Anfrage macht, innerhalb der Daten abrufen() Methode. Lassen Sie es mich in Schritte unterteilen:

  1. Du schreibst die erhalten (url) Methode, die eine URL erwartet, von der die Daten abgerufen werden.
  2. asynchron und erwarten ermöglicht es uns, asynchronen Code zu schreiben, der wie synchroner Code aussieht.
  3. Die Variable Ergebnis wird die halten Netzwerkantwort. Es enthält viele Dinge wie Header, StatusCode usw., einschließlich der Karosserie auch. result.body enthält den JSON-Body.
  4. print(result.body) druckt den gesamten JSON, wenn die Anfrage erfolgreich war.

Es gibt auch einen anderen Weg abgesehen von asynchron und erwarten um die Antwort auf die gestellte Anfrage zu erhalten. Hier ist ein anderer Weg:

void fetchData() {
  get('
    print(result.body);
  });

In den meisten Flutter-Dokumentationen finden Sie dies dann (Ergebnis) Methode verwendet wird, die uns das Ergebnis zurückgibt, nachdem die Anfrage erledigt wurde.

Das ist also alles, was Sie brauchen, um eine einfache GET-Anfrage in Flutter zu stellen. Sie können sogar andere Arten von Anfragen wie POST, PUT usw. stellen. Sie können darüber ausführlich in der Flutter-Dokumentation nachlesen. Ich hoffe, Ihnen hat der Artikel gefallen. Ruhe aus und habt einen tollen Tag Leute. Ich werde bald mit einem weiteren brandneuen Artikel zurück sein.

Similar Posts

Leave a Reply

Your email address will not be published.