Flutter-Dio二次封装

已于 2024-06-22 23:14:06 修改
阅读量449 收藏 8
点赞数 19
文章标签： flutter javascript 前端
于 2024-06-22 23:11:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asdzxc324as/article/details/139889829
版权

}
//使用：NWMethodValues[NWMethod.POST]
const NWMethodValues = {
NWMethod.GET: “get”,
NWMethod.POST: “post”,
NWMethod.DELETE: “delete”,
NWMethod.PUT: “put”
};

下面就可以进行正式的封装了：

第一步是创建Dio的单例辅助类，并初始化Dio和对Dio进行一些全局的参数设置：

import ‘package:dio/dio.dart’;
import ‘package:flutter_app/network/NWApi.dart’;
import ‘package:flutter_app/utils/PrintUtil.dart’;
class DioManager {
static final DioManager _shared = DioManager._internal();
factory DioManager() => _shared;
Dio dio;
DioManager._internal() {
if (dio == null) {
BaseOptions options = BaseOptions(
baseUrl: NWApi.baseApi,
contentType: Headers.jsonContentType,
responseType: ResponseType.json,
receiveDataWhenStatusError: false,
connectTimeout: 30000,
receiveTimeout: 3000,
);
dio = Dio(options);
}
}
}

第二步对请求进行封装，在我的想法中 {“code”: 0, “message”: “”, “data”: {}} 和 {“code”: 0, “message”: “”, “data”: []} 这两种数据是要分开两个请求方法的：

// 请求，返回参数为 T
// method：请求方法，NWMethod.POST等
// path：请求地址
// params：请求参数
// success：请求成功回调
// error：请求失败回调
Future request(NWMethod method, String path, {Map<String, dynamic> params, Function(T) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseEntity entity = BaseEntity.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: “未知错误”));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}

// 请求，返回参数为 List
// method：请求方法，NWMethod.POST等
// path：请求地址
// params：请求参数
// success：请求成功回调
// error：请求失败回调
Future requestList(NWMethod metho
d, String path, {Map<String, dynamic> params, Function(List) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseListEntity entity = BaseListEntity.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: “未知错误”));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}

提取请求错误处理方法createErrorEntity：

// 错误信息
ErrorEntity createErrorEntity(DioError error) {
switch (error.type) {
case DioErrorType.CANCEL:{
return ErrorEntity(code: -1, message: “请求取消”);
}
break;
case DioErrorType.CONNECT_TIMEOUT:{
return ErrorEntity(code: -1, message: “连接超时”);
}
break;
case DioErrorType.SEND_TIMEOUT:{
return ErrorEntity(code: -1, message: “请求超时”);
}
break;
case DioErrorType.RECEIVE_TIMEOUT:{
return ErrorEntity(code: -1, message: “响应超时”);
}
break;
case DioErrorType.RESPONSE:{
try {
int errCode = error.response.statusCode;
String errMsg = error.response.statusMessage;
return ErrorEntity(code: errCode, message: errMsg);
// switch (errCode) {
// case 400: {
// return ErrorEntity(code: errCode, message: “请求语法错误”);
// }
// break;
// case 403: {
// return ErrorEntity(code: errCode, message: “服务器拒绝执行”);
// }
// break;
// case 404: {
// return ErrorEntity(code: errCode, message: “无法连接服务器”);
// }
// break;
// case 405: {
// return ErrorEntity(code: errCode, message: “请求方法被禁止”);
// }
// break;
// case 500: {
// return ErrorEntity(code: errCode, message: “服务器内部错误”);
// }
// break;
// case 502: {
// return ErrorEntity(code: errCode, message: “无效的请求”);
// }
// break;
// case 503: {
// return ErrorEntity(code: errCode, message: “服务器挂了”);
// }
// break;
// case 505: {
// return ErrorEntity(code: errCode, message: “不支持HTTP协议请求”);
// }
// break;
// default: {
// return ErrorEntity(code: errCode, message: “未知错误”);
// }
// }
} on Exception catch(_) {
return ErrorEntity(code: -1, message: “未知错误”);
}
}
break;
default: {
return ErrorEntity(code: -1, message: error.message);
}
}
}

完整的 DioManager 类代码：

import ‘package:dio/dio.dart’;
import ‘package:flutter_app/network/entity/BaseEntity.dart’;
import ‘package:flutter_app/network/entity/BaseListEntity.dart’;
import ‘package:flutter_app/network/entity/EntityFactory.dart’;
import ‘package:flutter_app/network/entity/ErrorEntity.dart’;
import ‘package:flutter_app/network/NWApi.dart’;
import ‘package:flutter_app/network/NWMethod.dart’;
class DioManager {
static final DioManager _shared = DioManager._internal();
factory DioManager() => _shared;
Dio dio;
DioManager._internal() {
if (dio == null) {
BaseOptions options = BaseOptions(
baseUrl: NWApi.baseApi,
contentType: Headers.jsonContentType,
responseType: ResponseType.json,
receiveDataWhenStatusError: false,
connectTimeout: 30000,
receiveTimeout: 3000,
);
dio = Dio(options);
}
}

// 请求，返回参数为 T
// method：请求方法，NWMethod.POST等
// path：请求地址
// params：请求参数
// success：请求成功回调
// error：请求失败回调
Future request(NWMethod method, String path, {Map<String, dynamic> params, Function(T) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseEntity entity = BaseEntity.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: “未知错误”));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}

// 请求，返回参数为 List
// method：请求方法，NWMethod.POST等
// path：请求地址
// params：请求参数
// success：请求成功回调
// error：请求失败回调
Future requestList(NWMethod method, String path, {Map<String, dynamic> params, Function(List) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseListEntity entity = BaseListEntity.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: “未知错误”));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}

// 错误信息
ErrorEntity createErrorEntity(DioError error) {
switch (error.type) {
case DioErrorType.CANCEL:{
return ErrorEntity(code: -1, message: “请求取消”);
}
break;
case DioErrorType.CONNECT_TIMEOUT:{
return ErrorEntity(code: -1, message: “连接超时”);
}
break;
case DioErrorType.SEND_TIMEOUT:{
return ErrorEntity(code: -1, message: “请求超时”);
}
break;
case DioErrorType.RECEIVE_TIMEOUT:{
return ErrorEntity(code: -1, message: “响应超时”);
}
break;
case DioErrorType.RESPONSE:{
try {
int errCode = error.response.statusCode;
String errMsg = error.response.statusMessage;
return ErrorEntity(code: “$errCode”, message: errMsg);
// switch (errCode) {
// case 400: {
// return ErrorEntity(code: errCode, message: “请求语法错误”);
// }
// break;
// case 403: {
// return ErrorEntity(code: errCode, message: “服务器拒绝执行”);
// }
// break;
// case 404: {
// return ErrorEntity(code: errCode, message: “无法连接服务器”);
// }
// break;
// case 405: {
// return ErrorEntity(code: errCode, message: “请求方法被禁止”);
// }
// break;
// case 500: {
// return ErrorEntity(code: errCode, message: “服务器内部错误”);
// }
// break;
// case 502: {
// return ErrorEntity(code: errCode, message: “无效的请求”);
// }
// break;
// case 503: {
// return ErrorEntity(code: errCode, message: “服务器挂了”);
// }
// break;
// case 505: {
// return ErrorEntity(code: errCode, message: “不支持HTTP协议请求”);
// }
// break;
// default: {
// return ErrorEntity(code: errCode, message: “未知错误”);
// }
// }
} on Exception catch(_) {
return ErrorEntity(code: -1, message: “未知错误”);
}
}
break;
default: {
return ErrorEntity(code: -1, message: error.message);
}
}
}
}

使用：

// 返回 LoginEntity
DioManager().request(
NWMethod.POST,
NWApi.loginPath,
params: {“account”: “421789838@qq.com”, “password”: “123456”},
success: (data) {
print(“success data = $data”});
}, error: (error) {
print(“error code = ${error.code}, massage = ${error.message}”);
}
);

// 返回 List
DioManager().requestList(
NWMethod.POST,
NWApi.queryListJsonPath,
params: {“account”: “421789838@qq.com”, “password”: “123456”},
success: (data) {
print(“success data = $data”});
}, error: (error) {
print(“error code = ${error.code}, massage = ${error.message}”);
}
);

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
sage = ${error.message}");
}
);

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-9iHWh9uo-1719069059383)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取

asdzxc324as
关注
  • 19
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter dio网络请求封装、实体类封装
11-20
闲着无聊，自己搭建的一个快速开发框架，目前已经二次封装了 dio网络请求以及封装了ResultListBo、ResultObjBo返回基类，有通用的success、errorCode、msg字段，然后定义了两种类型的数据返回格式，一种是直接body对象，一种是list对象dataList,这两种基本可以满足服务端返回的通用格式。
Flutter之dio请求封装
DTCloud
06-16 2212
大家在使用dio的时候 一般会在取得服务端返回后再用entity对象解析，会显得麻烦一点，我们通过自己定义的Basebean基类，然后在封装http返回数据时统一用基类对象解析。在实际使用时可以简便很多，大大提高开发效率。作者：林晓峰。
Flutter Dio 库的简单封装
github_36850997的博客
04-09 3043
dio 库Flutter 中是比较流行的网络请求库。其中在拦截器可以拦截请求，响应以及错误。第二个就是Http_config。第一个HttpRequest。第三个 自定义的拦截器。
Flutter之Dio封装+实例（自己梳理）
weixin_43244083的博客
07-31 4189
Dio封装，Dio拦截器
Flutter网络请求框架Dio源码分析以及封装(一)--请求流程分析
Yaoobs的博客
06-12 4982
利用flutter开发app也已经有些时间了，这个过程中最多接触到的就是网络请求相关的代码。自己目前项目中使用的是现在市面上最流行的网络请求库-dio，相对于flutter自带的HttpClient来说，dio使用起来更简单，功能更强大，支持全局配置、Restful API、FormData、拦截器、 请求取消、Cookie 管理、文件上传/下载、超时以及自定义适配器等。
Flutter-Dio-GetX
03-26
本项目“Flutter-Dio-GetX”将深入探讨这三个技术如何协同工作，以实现现代Android和iOS应用的快速开发。 Flutter是由Google开发的开源UI工具包，它允许开发者用一种语言（Dart）编写代码，同时生成原生的Android和...
Flutter-Dio-Retry-Reconnect
04-05
这是一个简单的Flutter应用程序，只要网络连接稳定，它就会尝试重新连接失败的网络请求。 使用的软件包： 迪奥：^ 3.0.9 连接性：^ 0.4.8 + 2 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter...
flutter-api-viacep-dio
03-31
【标题】"flutter-api-viacep-dio" 指的是一款基于 Flutter 开发的项目，它使用了 Dio 库来与巴西的 ViaCEP API 进行交互，以获取邮政编码（CEP）相关的地址信息。在 Flutter 中，这个项目展示了如何使用 Dart 语言...
flutter-embedded-linux:Flutter的嵌入式Linux嵌入式
03-12
Flutter的嵌入式Linux嵌入式 创建该项目是为了开发的非官方嵌入式Linux嵌入。 该嵌入程序着重于嵌入式Linux系统用例。 它还基于Windows的Flutter桌面实现，并且具有一些独特的功能可在嵌入式系统中使用。 目的与...
第九十回：对dio进行封装
talk_8的专栏
07-21 541
本章回是介绍了封装网络操作的思路和方法，并且通过示例代码进行了演示。
Flutter 极简 Dio 组件二次封装文档
半身风雪
06-27 3975
本文档介绍了如何通过二次封装 Flutter Dio 组件来简化网络请求的过程。通过封装，我们可以提高代码复用性，简化调用方式，并添加一些常用的功能，使网络请求更加易于管理和维护。通过对 Flutter Dio 组件进行二次封装，我们可以提高代码的复用性和可维护性，简化网络请求的调用过程。在封装过程中，我们可以添加拦截器、处理错误等功能，使网络请求更加灵活和可靠。希望本文档能够帮助你了解如何二次封装 Flutter Dio 组件，并在实际项目中应用。
Flutter 开发-网络请求库 Dio 封装
renshaojuncool的博客
02-07 4716
Flutter 开发-网络请求库 Dio 封装 Flutter 开发中，常用的网络请求库为 Dio。本文对 Dio 进行简单封装。 base_res.dart import 'package:dio/dio.dart'; class BaseResponse { // 通用参数，可根据实际业务修改 late int code; late String message; late dynamic data; // 业务请求是否成功 late bool success; //
Flutter网络请求Dio库的使用及封装
WEB前端李志杰
04-07 8268
主要介绍Flutter网络请求第三方库Dio并实现了对Dio的简单封装及使用。
flutter封装dio请求库，让我们做前端的同学可以轻松上手使用，仿照axios的使用封装
01-12 1981
dio是一个非常强大的网络请求库，可以支持发送各种网络请求，就像axios一样灵活强大，但是官网没有做一个demo示例，所以前端同学使用起来还是有点费劲，所以就想在这里封装一下，方便前端同学使用。
flutter dio 请求封装（空安全）
最新发布
qq_53058639的博客
02-20 1557
第一种是报网络安全专业，现在叫网络空间安全专业，主要专业课程:程序设计、计算机组成原理原理、数据结构、操作系统原理、数据库系统、 计算机网络、人工智能、自然语言处理、社会计算、网络安全法律法规、网络安全、内容安全、数字取证、机器学习，多媒体技术，信息检索、舆情分析等。第二种是自学，就是在网上找资源、找教程，或者是想办法认识一-些大佬，抱紧大腿，不过这种方法很耗时间，而且学习没有规划，可能很长一段时间感觉自己没有进步，容易劝退。③ 了解这些工具的使用场景，懂得基本的使用，推荐在Google上查找。
Flutter (Retrofit + Dio) - 2 - 封装Dio
weixin_44531811的博客
06-02 1227
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
Flutter Dio 网络框架的二次封装
WangQingLei0307的博客
07-31 337
4、支持通过传递 解析方法，对数据进行解析，出现异常并捕获异常。1、支持get、post、put、delete 四种请求方式。请求类和模型类创建完成后，下面就是使用了。到此完成了dio的网络框架的二次封装。2、支持文件上传并获取上传进度。3、支持最大重试请求次数。创建一个Model类。
Flutter网络请求框架Dio源码分析以及封装(二)--Cookie管理分析
Yaoobs的博客
06-12 2827
上一篇文章我们简单分析了一下Dio发出请求时的大致工作流程，这个只是Dio最基本的功能，而且我们还没有分析走到httpClientAdapter之后的内容。不过不用着急，这次我们先接着上一次的内容，看一下Dio当中Cookie管理的问题，因为之前在项目中碰到了这个问题，回过头来再从源码的角度去分析一下，算是复盘。CookieManager与CookieJar的整个工作流程就基本分析完了，可以看到，整个流程非常清晰，代码也很简洁，健壮性也很好，这次源码学习让我对代码编写的理解有深入了一些。
使用flutter封装dio
06-03
好的，下面是使用 Flutter 封装 dio 的步骤： 1. 首先，在项目的 `pubspec.yaml` 文件中添加 dio 的依赖： ```yaml dependencies: dio: ^4.0.0 ``` 2. 创建一个 DioUtil 类，用于封装 dio 请求： ```dart ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值