flutter封装dio flutter dio封装

Flutter Dio源码分析(四)--封装

Flutter Dio源码分析(一)--Dio介绍

Flutter Dio源码分析(二)--HttpClient、Http、Dio对比

Flutter Dio源码分析(三)--深度剖析

Flutter Dio源码分析(四)--封装

Flutter Dio源码分析(一)--Dio介绍视频教程

Flutter Dio源码分析(二)--HttpClient、Http、Dio对比视频教程

Flutter Dio源码分析(三)--深度剖析视频教程

Flutter Dio源码分析(四)--封装视频教程

github仓库地址

本文会手把手教你该怎么去封装一个类库，平时在我们的工作中都是拿着别人的造好的轮子在使用，这篇文章将带你怎么去自己造轮子，以后再碰到别的类库需要对其进行封装的时候提供一个的思路和方法。

在前面的文章中，我们对 Dio 的基本使用、请求库对比、源码分析，我们知道 Dio 的使用非常的简单，那为什么还需要进行封装呢？有两点如下：

当组件库方法发生重要改变需要迁移的时候如果有多处地方用到，那么需要对使用到的每个文件都进行修改，非常的繁琐而且很容易出问题。

当不需要 Dio 库的时候，我们可以随时方便切换到别的网络请求库，当然 Dio 目前内置支持使用第三方库的适配器。

因为一个应用程序基本都是统一的配置方式，所以我们可以针对 拦截器 、 转换器 、 缓存 、 统一处理错误 、 代理配置 、 证书校验 等多个配置进行统一管理。

因为我们的应用程序在每个页面中都会用到网络请求，那么如果我们每次请求的时候都去实例化一个 Dio ，无非是增加了系统不必要的开销，而使用单例模式对象一旦创建每次访问都是同一个对象，不需要再次实例化该类的对象。

这是通过静态变量的私有构造器来创建的单例模式

我们对 超时时间 、 响应时间 、 BaseUrl 进行统一设置

因为不管是 get() 还是 post() 请求， Dio 内部最终都会调用 request 方法，只是传入的 method 不一样，所以我们这里定义一个枚举类型在一个方法中进行处理

我们已经把 Restful API 风格简化成了一个方法，通过 DioMethod 来标明不同的请求方式。在我们平时开发的过程中，需要在请求前、响应前、错误时对某一些接口做特殊的处理，那我们就需要用到拦截器。 Dio 为我们提供了自定义拦截器功能，很容易轻松的实现对请求、响应、错误时进行拦截

我们发现虽然 Dio 框架已经封装了一个 DioError 类库，但如果需要对返回的错误进行统一弹窗处理或者路由跳转等就只能自定义了

在我们发送请求的时候会碰到几种情况，比如需要对非open开头的接口自动加上一些特定的参数，获取需要在请求头增加统一的 token

在我们请求接口前可以对响应数据进行一些基础的处理，比如对响应的结果进行自定义封装，还可以针对单独的 url 做特殊处理等。

我们看了转换器的介绍，发现和拦截器的功能差不多，那为什么还要存在转换器，有两点：

执行流程： 请求拦截器 请求转换器 发起请求 响应转换器 响应拦截器 最终结果 。

只会被用于 'PUT'、 'POST'、 'PATCH'方法，因为只有这些方法才可以携带请求体(request body)

会被用于所有请求方法的返回数据。

在开发过程中，客户端和服务器打交道的时候，往往会用一个 token 来做校验，因为每个公司处理刷新token的逻辑都不一样，我这里举一个简单的例子

为什么我们需要有取消请求的功能，如果当我们的页面在发送请求时，用户主动退出当前界面或者app应用程序退出的时候数据还没有响应，那我们就需要取消该网络请求，防止不必要的错误。

由 服务器生成 的 一小段文本信息 ，发送给浏览器，浏览器把 cookie 以kv形式保存到本地 某个目录下的文本文件内，下一次请求同一网站时会把该 cookie 发送给服务器。

cookie 的使用需要用到两个第三方组件 dio_cookie_manager 和 cookie_jar

因为在我们平时的开发过程中，会碰到一种情况，在进行网络请求时，我们希望能正常访问到上次的数据，对于用户的体验比较好，而不是展示一个空白的页面，该缓存主要是 《Flutter实战》网络接口缓存 提供参考。

我们在程序退出后内存缓存将会消失，所以我们用 shared_preferences 进行磁盘缓存数据。

在我们用flutter进行抓包的时候需要配置 Dio 代理。由 DefaultHttpClientAdapter 提供了一个 onHttpClientCreate 回调来设置底层 HttpClient 的代理。

用于验证正在访问的网站是否真实。提供安全性，因为证书和域名绑定，并且由根证书机构签名确认。

日志打印主要是帮助我们开发时进行辅助排错

相关问答

Q1: flutter Dio封装get/post请求

最近刚学flutter，参考大佬们的文章，使用dio简单封装了一下网络请求工具类。

needToken请忽略，以前是打算获取本地存储的token，需要传token的请求带上，后来发现这么做有问题，后面会提到。

根据后台返回数据，简单封装。

post请求和get请求区别不大，我的项目get请求参数直接拼在url后面，所以get使用queryParameters，后台要求post放body，所以post使用data。

我们项目很多请求需要带上登录返回的token，所以，我用shared_preferences插件把它存在本地，shared_preferences在iOS端使用的是NSUserDefaults。

以前的想法，如果needToken为true，则去获取本地的token，设置dio.header，如下所示

适当的时机调用complete()，即网络请求完成，获取到数据的时候，然后返回complete.future。

我也是刚学的菜鸡，如有错误，嘿嘿嘿。。。

Q2: flutter 单例的写法， dio的封装

直接进入正题

新建一个NetworkTool工具类，下面是适配了Dart空安全的写法

接下来我们来测试一下，是不是同个实例，用 identical（Object a, Object b） ,如果a和b是同一个实例，则会返回true,否则返回false；

结果如下：

可以看出来，我们单例的写法没有什么问题，不管是调用getter方法 NetworkTool.instance ,还是调用工厂构造方法 NetworkTool() ，创建出来的实例都是同一个。

我们来封装一下Dio这个http请求库，只作简单的演示

外面的使用如下：

结果当然也是返回true;

使用如下：

希望看完此文章后，小伙伴们自己可以写出单例出来， 至少见到其他人的单例写法，心里不慌，完全看得懂，hold得住！

小伙伴们，今天的分享至此结束! 如果小伴们,觉得有点用的话，或者已经看到这里面来的请加关注及点个赞吧~~ 后续会分享更多有关flutter的文章。如果有疑问的话，请在下方留言~

Q3: Flutter的Dio网络请求封装

在yaml文件里边添加如下依赖

新建一个network_config.dart文件存放网络配置

ApiResponse是之前定义的公共接口返回实体 Flutter的Json数据解析之FlutterJsonBeanFactory插件

主要是对http异常和业务异常进行处理。

上述封装后，如果业务存在多个请求依赖调用，就需要统一的处理错误。

Dio支持自定义拦截器，继承 Interceptor ，重写 onRequest 和 onResponse 方法就行。

在初始化dio的地方，把拦截器加入dio对象的拦截器集合 dio.interceptors 中就行。

可以通过自定义的拦截器实现，也可以引入 pretty_dio_logger 库。

fastmock 上新建自己的项目，接口配置如下：

发起请求：

效果展示：

参考文章：

flutter封装dio的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter dio封装、flutter封装dio的信息别忘了在本站进行查找喔。