使用http包在Flutter中进行网络交互

2024-01-16 15:34:22

使用 Flutter http 包：与 REST API 无缝交互

简介

在现代移动应用程序开发中，与网络的交互至关重要。Flutter 为开发者提供了强大的 http 包，使处理 HTTP 请求和与 REST API 集成变得轻而易举。本文将深入探讨如何使用 http 包与 REST API 交互，从而为你的 Flutter 应用程序增添网络功能。

使用 http 包

http 包是 Flutter 中一个简洁而强大的库，用于管理 HTTP 请求和响应。要使用此包，请在你的 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  http: ^0.13.5

安装依赖项后，导入 http 包，就可以开始发送请求了。

发送 HTTP 请求

发送 HTTP 请求的过程涉及创建 Client 对象并使用它来发送请求。Client 对象是用于管理 HTTP 连接和处理请求的会话。以下代码段展示了如何发送 GET 请求：

import 'package:http/http.dart' as http;

Future<http.Response> getRequest() async {
  // 创建一个 Client 对象
  var client = http.Client();

  // 发送 GET 请求
  var response = await client.get(Uri.parse('https://example.com/api/v1/users'));

  // 关闭 Client 对象
  client.close();

  return response;
}

解析 HTTP 响应

成功发送请求后，就可以解析响应并提取所需信息。http.Response 对象提供了对响应状态代码、头信息和正文的访问。以下示例展示了如何解析响应正文并将其转换为 JSON 对象：

import 'dart:convert';

Future<Map<String, dynamic>> parseResponse(http.Response response) async {
  // 确保响应成功
  if (response.statusCode == 200) {
    // 解析响应正文为 JSON
    var json = jsonDecode(response.body);

    return json;
  } else {
    throw Exception('请求失败，错误代码：${response.statusCode}');
  }
}

使用 body 发送数据

除了发送 GET 请求外，还可以使用 http 包发送带有 body 的 POST 请求。这对于向服务器提交数据非常有用。以下代码段演示了如何发送 POST 请求：

Future<http.Response> postRequest() async {
  // 创建一个 Client 对象
  var client = http.Client();

  // 准备请求体
  var body = {'username': 'username', 'password': 'password'};

  // 发送 POST 请求
  var response = await client.post(Uri.parse('https://example.com/api/v1/login'), body: body);

  // 关闭 Client 对象
  client.close();

  return response;
}