Flutter网络响应处理插件json_response_network的使用

json_response_network 是一个用于简化 Flutter 应用中网络请求和 JSON 响应处理的插件。它旨在帮助开发者更轻松地处理网络请求、解析 JSON 数据以及处理错误。以下是如何使用 json_response_network 插件的详细步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 json_response_network 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  json_response_network: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 json_response_network 插件：

import 'package:json_response_network/json_response_network.dart';

3. 发起网络请求

使用 JsonResponseNetwork 类来发起网络请求。你可以使用 get、post、put、delete 等方法来发送不同类型的请求。

void fetchData() async {
  try {
    var response = await JsonResponseNetwork.get(
      'https://jsonplaceholder.typicode.com/posts',
    );

    // 检查响应状态码
    if (response.statusCode == 200) {
      // 解析 JSON 数据
      List<dynamic> data = response.data;
      print('Data: $data');
    } else {
      print('Failed to load data: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

4. 处理 JSON 响应

JsonResponseNetwork 会自动将响应体解析为 JSON 格式。你可以直接访问 response.data 来获取解析后的数据。

void fetchPost() async {
  try {
    var response = await JsonResponseNetwork.get(
      'https://jsonplaceholder.typicode.com/posts/1',
    );

    if (response.statusCode == 200) {
      Map<String, dynamic> post = response.data;
      print('Post title: ${post['title']}');
    } else {
      print('Failed to load post: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

5. 发送 POST 请求

你可以使用 post 方法来发送 POST 请求，并传递请求体数据。

void createPost() async {
  try {
    var response = await JsonResponseNetwork.post(
      'https://jsonplaceholder.typicode.com/posts',
      body: {
        'title': 'foo',
        'body': 'bar',
        'userId': 1,
      },
    );

    if (response.statusCode == 201) {
      Map<String, dynamic> createdPost = response.data;
      print('Created post: $createdPost');
    } else {
      print('Failed to create post: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}

6. 处理错误

JsonResponseNetwork 会自动处理常见的网络错误，并抛出异常。你可以使用 try-catch 块来捕获并处理这些错误。

void fetchDataWithErrorHandling() async {
  try {
    var response = await JsonResponseNetwork.get(
      'https://jsonplaceholder.typicode.com/invalid-endpoint',
    );

    if (response.statusCode == 200) {
      List<dynamic> data = response.data;
      print('Data: $data');
    } else {
      print('Failed to load data: ${response.statusCode}');
    }
  } on NetworkException catch (e) {
    print('Network error: ${e.message}');
  } catch (e) {
    print('Unexpected error: $e');
  }
}

7. 自定义配置

你可以通过配置 JsonResponseNetwork 来设置超时时间、添加请求头等。

void fetchDataWithCustomConfig() async {
  try {
    var response = await JsonResponseNetwork.get(
      'https://jsonplaceholder.typicode.com/posts',
      headers: {
        'Authorization': 'Bearer your_token_here',
      },
      timeout: Duration(seconds: 10),
    );

    if (response.statusCode == 200) {
      List<dynamic> data = response.data;
      print('Data: $data');
    } else {
      print('Failed to load data: ${response.statusCode}');
    }
  } catch (e) {
    print('Error: $e');
  }
}