Flutter Dio二次封装(1)

于 2024-05-06 09:04:43 发布
阅读量895 收藏 8
点赞数 8
分类专栏： 程序员 文章标签： flutter windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83817148/article/details/138482334
版权

  • NWApi：大家都知道

  • EntityFactory：json转换辅助工厂，把json转为T

  • BaseEntity：数据基类，返回的参数为 {“code”: 0, “message”: “”, “data”: {}}

  • BaseListEntity：数据基类2，返回的参数为 {“code”: 0, “message”: “”, “data”: []}

  • ErrorEntity：请求报错基类，{“code”: 0, “message”: “”}

EntityFactory：

class EntityFactory {
static T generateOBJ(json) {
if (json == null) {
return null;
}
//可以在这里加入任何需要并且可以转换的类型，例如下面
// else if (T.toString() == “LoginEntity”) {
// return LoginEntity.fromJson(json) as T;
// }
else {
return json as T;
}
}
}

BaseEntity：

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));
}
}

最后

我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！
以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。

字节高级Android经典面试题和答案


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

最后

我坚信，坚持学习，每天进步一点，滴水穿石，我们离成功都很近！
以下是总结出来的字节经典面试题目，包含：计算机网络，Kotlin，数据结构与算法，Framework源码，微信小程序，NDK音视频开发，计算机网络等。

字节高级Android经典面试题和答案

[外链图片转存中…(img-3iE5paum-1714957472554)]
[外链图片转存中…(img-UbFwhrdP-1714957472555)]

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

2401_83817148
关注
  • 8
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《Flutter 项目工程化》第四章 4.1二次封装 Dio
geeksoarsky的博客
07-19 417
第四章 用户相关 整个 App 是以用户为中心的，用户必须保持登录状态才能正常使用App，否则跳转到用户登录页。这是一个前后端完全分离的 App ,我已经搭建好了 Laravel API 服务器，使用 JWT 鉴权，即使用 Bear Token 确定用户身份，这就要求我们 App 在发起请求时附带 Token 值，如果 Token 过期但还在刷新周期内，则需要客户端自动刷新 Token , 我们将在此章节完成这些功能。 4.1 Dio 网络请求 安装 Dio 请安装好 Post Man 进行接口调试。
Flutter - dio 简单二次封装
iotjin的专栏
07-09 6050
### demo 地址: https://github.com/iotjin/jh_flutter_demo Flutter Dio简单二次封装和自定义Header Flutter Dio二次封装 Flutter Dio封装与使用 Flutter 封装 dio，支持 Restful Api Flutter 网络请求框架封装 结构 apis 文件配置API 地址 dio_utils 文件是对dio的封装 error_handle 文件是异常处理 http_utils 项目接口请求 管理类 .
Flutter Dio二次封装
最新发布
2401_84414832的博客
05-03 21
在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。
Flutter Dio 网络框架的二次封装
WangQingLei0307的博客
07-31 323
4、支持通过传递 解析方法，对数据进行解析，出现异常并捕获异常。1、支持get、post、put、delete 四种请求方式。请求类和模型类创建完成后，下面就是使用了。到此完成了dio的网络框架的二次封装。2、支持文件上传并获取上传进度。3、支持最大重试请求次数。创建一个Model类。
Flutter 极简 Dio 组件二次封装文档
半身风雪
06-27 3948
本文档介绍了如何通过二次封装 Flutter Dio 组件来简化网络请求的过程。通过封装，我们可以提高代码复用性，简化调用方式，并添加一些常用的功能，使网络请求更加易于管理和维护。通过对 Flutter Dio 组件进行二次封装，我们可以提高代码的复用性和可维护性，简化网络请求的调用过程。在封装过程中，我们可以添加拦截器、处理错误等功能，使网络请求更加灵活和可靠。希望本文档能够帮助你了解如何二次封装 Flutter Dio 组件，并在实际项目中应用。
Flutter-Dio二次封装
erhtre的博客
04-17 656
/ 请求，返回参数为 T// method：请求方法，NWMethod.POST等// path：请求地址// params：请求参数// success：请求成功回调// error：请求失败回调try {= null) {} else {} else {error(ErrorEntity(code: -1, message: “未知错误”));// 请求，返回参数为 List。
Flutter dio网络请求封装、实体类封装
11-20
闲着无聊，自己搭建的一个快速开发框架，目前已经二次封装了 dio网络请求以及封装了ResultListBo、ResultObjBo返回基类，有通用的success、errorCode、msg字段，然后定义了两种类型的数据返回格式，一种是直接body...
Flutter中使用dio报错
04-29
有可能报错cros 有可能报错XMLHttpRequest
Flutter 基于 dio 和 http 两种网络库的基础封装
02-12
### dio 基础封装 1. **安装 dio**： 在 `pubspec.yaml` 文件中添加 dio 依赖： ``` dependencies: dio: ^4.0.0 ``` 2. **dio 初始化**： 在初始化时，你可以设置基础 URL、超时时间、全局 headers 等。 ``...
Flutter 网络请求框架封装详解
01-05
flutter 请求网络的方式有三种，分别是 Dart 原生的网络请求 HttpClient、第三方网络请求 http以及 Flutter 中的 Dio。我们可以比较一下这三种网络请求方式，然后封装为我们方便请求网络的工具类。 Dart 原生的网络...
强大的FlutterHttp请求开源库dio
08-07
一个强大的Dart Http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时等.
flutter_dio_mvp_futurebuilder.zip
01-01
在本文中，我们将深入探讨如何在Flutter应用中结合MVP设计模式、Dio网络库以及FutureBuilder组件，来实现高效且可维护的网络请求处理。Flutter是Google推出的一款用于构建高性能、高保真、可移植的移动应用的开源UI...
dio，二次封装
ifredom
03-06 1303
封装核心思想 将请求地址隐藏起来，并对http请求数据加盐保密。 固定请求地址, request URL 所有接口都是同一个 接口区别，由apiCode区别各个不同得接口 请求参数加盐保密，参数sign 自定义传参种是否需要token， 所有传输数据由params包裹 请求结果效果图如下: 封装后，优雅调用 // 调用方法 Future _submit() async { var p...
flutter 对dio进行简单的二次封装
qq_44756582的博客
07-27 724
前言 在项目中，我们往往要对第三方框架进行二次封装，目的在于减小项目对第三方框架的依赖，当第三方框架出现不兼容或者严重bug以至于我们需要更换第三方框架时，我们只需要在封装的地方更改第三方框架，而不需要在整个项目中进行更改。 下面我们封装对dio进行简单的二次封装 代码 import 'dart:ffi'; import 'package:dio/dio.dart'; import 'package:flutter/material.dart'; typedef onSuccess(dynamic da
Flutter (Retrofit + Dio) - 2 - 封装Dio
weixin_44531811的博客
06-02 1210
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0
Flutter网络请求dio封装
热门推荐
阿福的专栏
04-25 1万+
概要: dio已经更新到4.0版本，相对已经很稳定了，不过为了通用性，如果直接应用在项目中，难免比较离散。一般项目开发都是多人共同协作，所以统一的规范，简洁的调用方式，稳定的性能是必不可少的，所以才有二次封装，方便实际项目中使用。 首先预览下文件结构： 一、整体设计描述 Api 对应项目中业务开发时候的调用接口 Code定义了常见请求状态，例如网络错误、超时、成功等 DataHelper定义了数据加密工具代码 DioLogInterceptor页面Loading拦截器，用于网络数据返回加工
flutter Dio 使用封装
06-07
在使用 Flutter Dio 进行网络请求时，可以将其进行封装，以便于代码的复用和维护。以下是一个简单的 Flutter Dio 封装示例： ```dart import 'package:dio/dio.dart'; class HttpUtil { static HttpUtil instance; Dio dio; BaseOptions options; // 构造函数 HttpUtil() { options = BaseOptions( baseUrl: 'https://api.example.com/', // 接口地址 connectTimeout: 5000, // 连接超时时间 receiveTimeout: 3000, // 接收超时时间 headers: { 'Content-Type': 'application/json', // 设置请求头 }, ); dio = Dio(options); } // 单例模式 static HttpUtil getInstance() { if (instance == null) { instance = HttpUtil(); } return instance; } // GET 请求 Future<Map<String, dynamic>> get(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.get(url, queryParameters: params); } on DioError catch (e) { return Future.error(e); } return response.data; } // POST 请求 Future<Map<String, dynamic>> post(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.post(url, data: params); } on DioError catch (e) { return Future.error(e); } return response.data; } } ``` 在上述示例中，我们定义了一个 HttpUtil 类，其中包含了 Dio 实例的初始化、GET 和 POST 请求的封装。我们可以通过 `HttpUtil.getInstance()` 获取 HttpUtil 的单例对象，然后通过调用 `get` 或 `post` 方法来发起网络请求。这样做的好处是可以将网络请求的相关设置和配置统一管理，方便后续的维护和扩展。同时，通过封装，也避免了在多个地方重复编写相同的代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值