Flutter Dio二次封装

最新推荐文章于 2024-04-09 11:44:41 发布
最新推荐文章于 2024-04-09 11:44:41 发布
阅读量858 收藏 29
点赞数 23
分类专栏： 程序员 文章标签： flutter windows javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83817392/article/details/137188122
版权

class BaseEntity {
int code;
String message;
T data;

BaseEntity({this.code, this.message, this.data});

factory BaseEntity.fromJson(json) {
return BaseEntity(
code: json[“code”],
message: json[“msg”],
// data值需要经过工厂转换为我们传进来的类型
data: EntityFactory.generateOBJ(json[“data”]),
);
}
}

BaseListEntity：

class BaseListEntity {
int code;
String message;
List data;

BaseListEntity({this.code, this.message, this.data});

factory BaseListEntity.fromJson(json) {
List mData = List();
if (json[‘data’] != null) {
//遍历data并转换为我们传进来的类型
(json[‘data’] as List).forEach((v) {
mData.add(EntityFactory.generateOBJ(v));
});
}

return BaseListEntity(
code: json[“code”],
message: json[“msg”],
data: mData,
);

} }

ErrorEntity：

class ErrorEntity {
int code;
String message;
ErrorEntity({this.code, this.message});
}

NWApi：

class NWApi {
static final baseApi = “https://easy-mock.bookset.io/mock/5dfae67d4946c20a50841fa7/example/”;
static final loginPath = “user/login”;//接口返回：{“code”: int, “message”: “String”, “data”: {“account”: “String”, “password”: “String”}}
static final queryListPath = “/query/list”;//接口返回：{“code”: ing, “message”: “String”, “data”: [int, int, String, int, String, int]}
static final queryListJsonPath = “/query/listjson”;//接口返回：{“code”: int, “message”: “String”, “data”: [{“account”: “String”, “password”: “String”}， {“account”: “String”, “password”: “String”}]}
}

NWMethod：

enum NWMethod {
GET,
POST,
DELETE,
PUT
}
//使用：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 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 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 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 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: “服务器内部错误”);
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

学习分享

在当下这个信息共享的时代，很多资源都可以在网络上找到，只取决于你愿不愿意找或是找的方法对不对了

很多朋友不是没有资料，大多都是有几十上百个G，但是杂乱无章，不知道怎么看从哪看起，甚至是看后就忘

如果大家觉得自己在网上找的资料非常杂乱、不成体系的话，我也分享一套给大家，比较系统，我平常自己也会经常研读。

2021最新上万页的大厂面试真题

七大模块学习资料：如NDK模块开发、Android框架体系架构…

只有系统，有方向的学习，才能在段时间内迅速提高自己的技术。

这份体系学习笔记，适应人群：
**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。
**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。
第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。如果你有需要，我这里恰好有为什么，不来领取！说不定能改变你现在的状态呢！
由于文章内容比较多，篇幅不允许，部分未展示内容以截图方式展示

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

大模块学习资料：如NDK模块开发、Android框架体系架构…**

[外链图片转存中…(img-MbopkuHF-1711816559555)]

只有系统，有方向的学习，才能在段时间内迅速提高自己的技术。

这份体系学习笔记，适应人群：
**第一，**学习知识比较碎片化，没有合理的学习路线与进阶方向。
**第二，**开发几年，不知道如何进阶更进一步，比较迷茫。
第三，到了合适的年纪，后续不知道该如何发展，转型管理，还是加强技术研究。如果你有需要，我这里恰好有为什么，不来领取！说不定能改变你现在的状态呢！
由于文章内容比较多，篇幅不允许，部分未展示内容以截图方式展示

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
2401_83817392
关注
  • 23
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter 基于 dio 和 http 两种网络库的基础封装
02-12
Flutter 基于 dio 和 http 两种网络库的基础封装
Flutter之dio请求封装
DTCloud
06-16 2124
大家在使用dio的时候 一般会在取得服务端返回后再用entity对象解析，会显得麻烦一点，我们通过自己定义的Basebean基类，然后在封装http返回数据时统一用基类对象解析。在实际使用时可以简便很多，大大提高开发效率。作者：林晓峰。
Flutter网络请求框架Dio源码分析以及封装(一)--请求流程分析
Yaoobs的博客
06-12 4790
利用flutter开发app也已经有些时间了，这个过程中最多接触到的就是网络请求相关的代码。自己目前项目中使用的是现在市面上最流行的网络请求库-dio，相对于flutter自带的HttpClient来说，dio使用起来更简单，功能更强大，支持全局配置、Restful API、FormData、拦截器、 请求取消、Cookie 管理、文件上传/下载、超时以及自定义适配器等。
Flutter Dio 库的简单封装
github_36850997的博客
04-09 2861
dio 库Flutter 中是比较流行的网络请求库。其中在拦截器可以拦截请求，响应以及错误。第二个就是Http_config。第一个HttpRequest。第三个 自定义的拦截器。
Flutter之Dio封装+实例（自己梳理）
weixin_43244083的博客
07-31 3622
Dio封装，Dio拦截器
Flutter dio网络请求封装、实体类封装
11-20
闲着无聊，自己搭建的一个快速开发框架，目前已经二次封装了 dio网络请求以及封装了ResultListBo、ResultObjBo返回基类，有通用的success、errorCode、msg字段，然后定义了两种类型的数据返回格式，一种是直接body...
Flutter 网络请求框架封装详解
01-05
flutter 请求网络的方式有三种，分别是 Dart 原生的网络请求 HttpClient、第三方网络请求 http以及 Flutter 中的 Dio。我们可以比较一下这三种网络请求方式，然后封装为我们方便请求网络的工具类。 Dart 原生的网络...
Flutter中使用dio报错
04-29
有可能报错cros 有可能报错XMLHttpRequest
flutter_dio_mvp_futurebuilder.zip
01-01
Flutter : MVP + Dio +FutureBuilder
Flutter网络请求Dio库的使用及封装
WEB前端李志杰
04-07 8157
主要介绍Flutter网络请求第三方库Dio并实现了对Dio的简单封装及使用。
Flutter 极简 Dio 组件二次封装文档
半身风雪
06-27 3789
本文档介绍了如何通过二次封装 Flutter Dio 组件来简化网络请求的过程。通过封装，我们可以提高代码复用性，简化调用方式，并添加一些常用的功能，使网络请求更加易于管理和维护。通过对 Flutter Dio 组件进行二次封装，我们可以提高代码的复用性和可维护性，简化网络请求的调用过程。在封装过程中，我们可以添加拦截器、处理错误等功能，使网络请求更加灵活和可靠。希望本文档能够帮助你了解如何二次封装 Flutter Dio 组件，并在实际项目中应用。
flutter封装dio请求库，让我们做前端的同学可以轻松上手使用，仿照axios的使用封装
01-12 1253
dio是一个非常强大的网络请求库，可以支持发送各种网络请求，就像axios一样灵活强大，但是官网没有做一个demo示例，所以前端同学使用起来还是有点费劲，所以就想在这里封装一下，方便前端同学使用。
Flutter 开发-网络请求库 Dio 封装
renshaojuncool的博客
02-07 4660
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网络库的使用与封装
FranzLiszt的博客
12-19 1441
Flutter——Dio网络库的使用与封装
flutter dio 请求封装（空安全）
qq_53058639的博客
02-20 1331
第一种是报网络安全专业，现在叫网络空间安全专业，主要专业课程:程序设计、计算机组成原理原理、数据结构、操作系统原理、数据库系统、 计算机网络、人工智能、自然语言处理、社会计算、网络安全法律法规、网络安全、内容安全、数字取证、机器学习，多媒体技术，信息检索、舆情分析等。第二种是自学，就是在网上找资源、找教程，或者是想办法认识一-些大佬，抱紧大腿，不过这种方法很耗时间，而且学习没有规划，可能很长一段时间感觉自己没有进步，容易劝退。③ 了解这些工具的使用场景，懂得基本的使用，推荐在Google上查找。
Flutter (Retrofit + Dio) - 2 - 封装Dio
weixin_44531811的博客
06-02 1059
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
Flutter教程——Dio的封装，2024年最新移动端页面开发框架
最新发布
2401_84006805的博客
04-09 728
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。【Android思维脑图（技能树）】知识不体系？
flutter Dio 使用封装
06-07
在使用 Flutter Dio 进行网络请求时，可以将其进行封装，以便于代码的复用和维护。以下是一个简单的 Flutter Dio 封装示例： ```dart import 'package:dio/dio.dart'; class HttpUtil { static HttpUtil instance...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值