Flutter中的网络请求艺术，提升应用程序响应效率

2023-12-10 11:21:20

前言：掌握网络请求，构建响应迅速的Flutter应用

Flutter在构建跨平台应用方面展现出强大的优势，凭借其开发便捷、性能卓越的特性，成为许多开发者的心头好。然而，网络请求作为现代应用程序必不可少的组成部分，它的优化与实现技巧往往成为衡量开发者能力的一块试金石。本文将带你深入了解Flutter中的网络请求技术，从GET请求、POST请求到JSON解析，为你提供一套完整的解决方案，助你打造响应迅速、性能优异的Flutter应用。

一、GET请求：简洁明了，轻松获取资源

1.1 http - get1：基础GET请求

import 'dart:convert';

Future<String> fetchAlbum() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'));

  if (response.statusCode == 200) {
    // 解析JSON数据
    var jsonResponse = json.decode(response.body) as Map<String, dynamic>;

    // 返回标题
    return jsonResponse['title'];
  } else {
    throw Exception('Failed to load album');
  }
}

1.2 http - get简便方法（链式编程）：优化代码

import 'dart:convert';

Future<String> fetchAlbum() async =>
    http.get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'))
        .then((response) {
  if (response.statusCode == 200) {
    // 解析JSON数据
    var jsonResponse = json.decode(response.body) as Map<String, dynamic>;

    // 返回标题
    return jsonResponse['title'];
  } else {
    throw Exception('Failed to load album');
  }
});

二、POST请求：提交数据，实现复杂交互

2.1 http - post：标准POST请求

import 'dart:convert';

Future<void> createAlbum(String title) async {
  final response = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/albums'),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
    },
    body: jsonEncode(<String, String>{
      'title': title,
    }),
  );

  if (response.statusCode == 201) {
    // 处理成功响应
  } else {
    // 处理失败响应
  }
}

2.2 http - Post简便方法（链式编程）：代码简洁化

import 'dart:convert';

Future<void> createAlbum(String title) async =>
    http.post(
      Uri.parse('https://jsonplaceholder.typicode.com/albums'),
      headers: <String, String>{
        'Content-Type': 'application/json; charset=UTF-8',
      },
      body: jsonEncode(<String, String>{
        'title': title,
      }),
    ).then((response) {
  if (response.statusCode == 201) {
    // 处理成功响应
  } else {
    // 处理失败响应
  }
});

三、JSON解析：提取数据，赋能应用程序

3.1 标准JSON解析：使用json库

import 'dart:convert';

Future<Album> fetchAlbum() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/albums/1'));

  if (response.statusCode == 200) {
    // 解析JSON数据
    final jsonResponse = json.decode(response.body);

    // 转换为Album对象
    return Album.fromJson(jsonResponse);
  } else {
    throw Exception('Failed to load album');
  }
}

class Album {
  final int id;
  final String title;

  Album({this.id, this.title});

  factory Album.fromJson(Map<String, dynamic> json) {
    return Album(
      id: json['id'],
      title: json['title'],
    );
  }
}

3.2 使用json_serializable库（可选）：对象序列化简便化

import 'package:json_serializable/json_serializable.dart';

@jsonSerializable
class Album {
  int id;
  String title;

  Album({this.id, this.title});

  factory Album.fromJson(Map<String, dynamic> json) => _$AlbumFromJson(json);

  Map<String, dynamic> toJson() => _$AlbumToJson(this);
}

四、复杂对象传递：灵活应对数据交换

4.1 使用Map<String, dynamic>：简单传递对象

import 'dart:convert';

Future<void> createAlbum(Album album) async {
  final response = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/albums'),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
    },
    body: jsonEncode(album.toJson()),
  );

  if (response.statusCode == 201) {
    // 处理成功响应
  } else {
    // 处理失败响应
  }
}

4.2 使用复杂对象传递库（可选）：对象传递更便捷

import 'package:complex_object_transfer/complex_object_transfer.dart';

Future<void> createAlbum(Album album) async {
  final response = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/albums'),
    headers: <String, String>{
      'Content-Type': 'application/json; charset=UTF-8',
    },
    body: album.toJson().toBase64(),
  );

  if (response.statusCode == 201) {
    // 处理成功响应
  } else {
    // 处理失败响应
  }
}