Flutter之dio请求封装

这篇具有很好参考价值的文章主要介绍了Flutter之dio请求封装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一.dio是什么?

dio是一个http请求库,功能十分强大,支持Restful API、请求取消、FormData、拦截器等,下面我们对dio进行简单的封装,这样我们在项目中使用时会更顺手,这里还需要配合AndroidStudio的 jsonToDartBeanAction插件配合使用

二.引入dio

打开我们的flutter的项目的pubspec.yaml 文件,然后在dependencies 中添加依赖: dio: ^5.1.1
flutter dio 封装,flutter,flutter,android,java

三.封装基础库

  1. 封装BaseBean基类
    我们封装个Basebean返回基类,有通用的code、msg字段,然后定义三种类型的数据返回格式,一种是直接data对象,一种是list对象dataList,还有一种是分页对象dataPage,dataPage对象里有常用的分页字段,这三种基本可以满足服务端返回的通用格式。
    flutter dio 封装,flutter,flutter,android,java
    flutter dio 封装,flutter,flutter,android,java
    接下来我们要写一个解析对象将返回的数据手动赋值给code、msg等对象,主要是将dataPage、datalist解析赋值。
    flutter dio 封装,flutter,flutter,android,java

  2. 封装Http类
    给dio添加拦截器,其代码如下。
    flutter dio 封装,flutter,flutter,android,java
    flutter dio 封装,flutter,flutter,android,java
    我们主要是对request跟response做些简单的封装,将日志打印出来,然后我们在response的时候对服务端返回的code解析一下,判断是否调用成功,如果不成功可以解析下msg,将服务端返回的信息toast提示出来。
    然后我们封装post、get请求,对dio返回的结果做统一的解析封装,返回我们封装的Basebean对象,
    flutter dio 封装,flutter,flutter,android,java

  3. 使用实例
    我们先用插件构建一个实体UserInfo的实体,创建完成后会帮我们生成一个UserInfoEntity的实体类
    flutter dio 封装,flutter,flutter,android,java

我们在调用接口的时候判断下服务端返回的数据类型,如果直接塞了一个对象返回就用data.data取值
flutter dio 封装,flutter,flutter,android,java

同理我们可以用data.dataPage取分页的对象、或者data.dataList取列表对象。

四.总结

大家在使用dio的时候 一般会在取得服务端返回后再用entity对象解析,会显得麻烦一点,我们通过自己定义的Basebean基类,然后在封装http返回数据时统一用基类对象解析。在实际使用时可以简便很多,大大提高开发效率。

作者:林晓峰文章来源地址https://www.toymoban.com/news/detail-620347.html

到了这里,关于Flutter之dio请求封装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Flutter之Dio封装+实例(自己梳理)

    https://github.com/cfug/dio/blob/main/dio/README-ZH.md  手动添加到pubspec.yaml: 在终端使用以下命令: dio 是一个强大的 HTTP 网络请求库,支持全局配置、Restful API、FormData、拦截器、 请求取消、Cookie 管理、文件上传/下载、超时、自定义适配器、转换器等。 单例模式详见:Flutter之单例模式

    2024年02月08日
    浏览(89)
  • Flutter 极简 Dio 组件二次封装文档

    本文档介绍了如何通过二次封装 Flutter Dio 组件来简化网络请求的过程。通过封装,我们可以提高代码复用性,简化调用方式,并添加一些常用的功能,使网络请求更加易于管理和维护。 首先,确保你的 Flutter 项目已经添加了 Dio 的依赖。在项目的 pubspec.yaml 文件中,添加以下

    2024年02月11日
    浏览(54)
  • flutter开发实战-请求dio设置Cookie

    flutter开发实战-请求dio设置Cookie 在最近开发中碰到了需要websocket长链接收到响应的auth,在之后的请求中需要将其设置为cookie中。 如Cookie:auth=DHSfQQSAXf89xZqJTLdEDVI2hwzc7p2lUmSNNdUSlgW2MyfQIN+pYr7jUbkX/; 设置cookie用到了dio_cookie_manager组件 在pubspec.yaml引入dio_cookie_manager 2.1 使用CookieJar Cookie

    2024年02月15日
    浏览(57)
  • Flutter dio Http请求之Cookie管理

    在应用开发过程中,我们进行Http通讯时会使用 Cookie 进行验证,今天我们就着重讲解Flutter 网络请求插件 dio 的 cookie 使用。 首先,我们要进行插件引用 这里为什么要使用 path_provider 这个插件呢,下面在 cookie 的储存时会做介绍。 引用完,我们执行以下命令 dio 的使用网上有很

    2024年02月20日
    浏览(35)
  • 【Flutter】Dio 强大的Dart/Flutter HTTP客户端

    Dio是一个强大的Dart/Flutter HTTP客户端,支持全局配置、拦截器、FormData、请求取消、文件上传/下载、超时等功能。 首先,

    2024年02月11日
    浏览(46)
  • Flutter 使用 dio 遇到的问题合集

    泪流满面啊,,,,, 1. postHttpLogin-异常-----DioException [bad response]: The request returned an invalid status code of 500. 2. post请求失败 DioException [bad response]: The request returned an invalid status code of 415. 这个问题有些离谱,415,415都说是请求头的问题,但结果却不是

    2024年02月03日
    浏览(46)
  • flutter开发实战-dio文件下载实现

    flutter开发实战-dio文件下载实现 在开发中,需要下载文件,这里使用的是dio dio 是一个强大的 Dart HTTP 请求库,支持全局配置、Restful API、FormData、拦截器、 请求取消、Cookie 管理、文件上传/下载、超时以及自定义适配器等。 在工程中pubspec.yaml引入dio 我们对dio进行封装 文件下

    2024年02月11日
    浏览(49)
  • flutter dio使用proxyman抓包进行网络调试

    证书 wifi 手机和电脑连上同一个wifi,并且手机wifi使用代理,代理地址为电脑的ip和proxyman设置的监听端口 代码 使用方式 proxyIP 为电脑ip

    2024年02月03日
    浏览(44)
  • flutter file_picker dio web端上传记录

    app端的上传 获取到FilePickerResult 对象 里面包含 选择上传的文件信息 app端上传逻辑 api上传   其中file.count 表示上传的文件数量 file.paths 表示 选择文件的路径数组 通过dio 上传  使用FormData 进行转载  Global.isWeb  == kIsWeb web端上传报错: 不能使用file.paths 来上传文件 修改如下

    2024年01月22日
    浏览(57)
  • flutter3使用dio库发送FormData数据格式时候的坑,和get库冲突解决办法

    问题1:当你使用 FormData.from(Flutter3直接不能用) 的时候,可能会提示没有这个方法,或者使用 FormData.fromMap(flutter3的dio支持) 的时候也提示没有,这时候可能就是和get库里面的Formdata冲突了 问题1:The method \\\'fromMap\\\' isn\\\'t defined for the type \\\'FormData\\\'. (Documentation)  Try correcting the name to

    2024年01月19日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包