Flutter自定义网络请求插件custom_dio的使用

当然，下面是一个关于如何在Flutter项目中自定义网络请求插件custom_dio的示例代码。假设custom_dio是一个封装了dio库的自定义网络请求插件，用于简化API请求和错误处理。

1. 创建custom_dio插件

首先，我们需要创建一个Flutter插件项目，这里假设你已经有一个Flutter项目，现在创建一个名为custom_dio的插件。

Step 1: 创建插件

在Flutter项目根目录下运行：

flutter create --org com.example --template=plugin custom_dio

Step 2: 实现插件逻辑

进入custom_dio目录，编辑lib/custom_dio.dart文件，添加如下代码：

import 'package:dio/dio.dart';
import 'package:flutter/services.dart';

class CustomDio {
  static final Dio dio = Dio(
    BaseOptions(
      baseUrl: "https://api.example.com", // 替换为你的API基础URL
      connectTimeout: 5000,
      receiveTimeout: 30000,
      headers: {
        "Content-Type": "application/json",
      },
    )
  );

  // 封装GET请求
  static Future<Response<dynamic>> get(String path, {Map<String, dynamic>? queryParameters}) async {
    try {
      Response<dynamic> response = await dio.get(path, queryParameters: queryParameters);
      return response;
    } catch (e) {
      throw CustomDioException(e);
    }
  }

  // 封装POST请求
  static Future<Response<dynamic>> post(String path, Map<String, dynamic> data) async {
    try {
      Response<dynamic> response = await dio.post(path, data: data);
      return response;
    } catch (e) {
      throw CustomDioException(e);
    }
  }
}

// 自定义异常类
class CustomDioException implements Exception {
  String message;

  CustomDioException(dynamic error) {
    if (error is DioError) {
      DioError dioError = error;
      if (dioError.response != null) {
        message = "Error: ${dioError.response?.data['message'] ?? 'Unknown Error'} (${dioError.response?.statusCode})";
      } else {
        message = "Error: ${dioError.message} (${dioError.type})";
      }
    } else {
      message = error.toString();
    }
  }

  @override
  String toString() => message;
}

2. 在Flutter项目中使用custom_dio插件

Step 1: 添加插件依赖

回到你的Flutter项目根目录，编辑pubspec.yaml文件，添加custom_dio插件依赖：

dependencies:
  flutter:
    sdk: flutter
  custom_dio:
    path: ./custom_dio  # 使用本地路径引用插件

Step 2: 使用custom_dio进行网络请求

编辑你的Flutter应用中的某个Dart文件，比如lib/main.dart，添加如下代码：

import 'package:flutter/material.dart';
import 'package:custom_dio/custom_dio.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Custom Dio Example'),
        ),
        body: Center(
          child: FutureBuilder<Response<dynamic>>(
            future: fetchData(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.done) {
                if (snapshot.hasError) {
                  return Text('Error: ${snapshot.error}');
                } else {
                  // 假设API返回的数据是JSON格式
                  Map<String, dynamic> data = snapshot.data?.data as Map<String, dynamic>;
                  return Text('Data: ${data['key'] ?? 'No data'}');
                }
              } else {
                return CircularProgressIndicator();
              }
            },
          ),
        ),
      ),
    );
  }

  Future<Response<dynamic>> fetchData() async {
    try {
      return await CustomDio.get("/endpoint"); // 替换为你的API端点
    } catch (e) {
      throw e;
    }
  }
}

总结

以上代码展示了如何创建一个自定义网络请求插件custom_dio，并在Flutter项目中使用它进行网络请求。这个插件封装了dio库，简化了API请求和错误处理。你可以根据实际需求进一步扩展和优化这个插件。