Полное руководство по использованию Fetch API во Flutter

В современной веб- и мобильной разработке получение данных с удаленных серверов является распространенным требованием. Flutter, набор инструментов пользовательского интерфейса Google для создания кроссплатформенных приложений, предоставляет мощный пакет под названием http, который предлагает различные методы выполнения HTTP-запросов. В этой статье мы рассмотрим пакет httpи продемонстрируем, как использовать Fetch API во Flutter для получения данных с удаленных серверов. Мы рассмотрим несколько методов с примерами кода, чтобы помочь вам полностью понять процесс.

Методы использования Fetch API во Flutter:

  1. Выполнение запроса GET.
    Запрос GET — это наиболее распространенный тип запроса, используемый для получения данных с сервера. Во Flutter вы можете сделать запрос GET, используя метод get()из пакета http. Вот пример:
import 'package:http/http.dart' as http;
void fetchData() async {
  var response = await http.get(Uri.parse('https://api.example.com/data'));
  if (response.statusCode == 200) {
    var data = response.body;
    // Process the data
  } else {
    // Handle error
  }
}
  1. Выполнение запроса POST:
    Чтобы отправить данные на сервер, вы можете сделать запрос POST. Для этой цели используется метод post()из пакета http. Вот пример:
import 'package:http/http.dart' as http;
void sendData() async {
  var response = await http.post(Uri.parse('https://api.example.com/data'),
      body: {'name': 'John', 'age': '25'});
  if (response.statusCode == 200) {
    // Data sent successfully
  } else {
    // Handle error
  }
}
  1. Выполнение запроса PUT:
    Запрос PUT используется для обновления существующих данных на сервере. Вы можете сделать запрос PUT, используя метод put(). Вот пример:
import 'package:http/http.dart' as http;
void updateData() async {
  var response = await http.put(Uri.parse('https://api.example.com/data/1'),
      body: {'name': 'John', 'age': '30'});
  if (response.statusCode == 200) {
    // Data updated successfully
  } else {
    // Handle error
  }
}
  1. Выполнение запроса DELETE:
    Запрос DELETE используется для удаления данных с сервера. Вы можете сделать запрос DELETE, используя метод delete(). Вот пример:
import 'package:http/http.dart' as http;
void deleteData() async {
  var response = await http.delete(Uri.parse('https://api.example.com/data/1'));
  if (response.statusCode == 200) {
    // Data deleted successfully
  } else {
    // Handle error
  }
}

В этой статье мы рассмотрели API Fetch во Flutter и обсудили различные методы выполнения HTTP-запросов с использованием пакета http. Мы рассмотрели запросы GET, POST, PUT и DELETE с примерами кода, демонстрирующими их использование. Используя эти методы, вы можете легко получать данные с удаленных серверов и взаимодействовать с API в ваших приложениях Flutter.