dio设置自定义post请求_基于dio库封装flutter项目的标准网络框架

2024-04-27 12:48:13

网络框架是每个应用的基石，封装一个好的网络框架不仅是项目的一个好的开始，并且直接影响到随后项目的稳定性和可扩展性。在移动开发的各个端都有非常赞的网络请求基础框架，比如Android的okhttp库、swift的Almofire库，包括dart的dio库。我们都需要在这些库的基础上封装适合我们项目的网络请求模块，其中包括API的封装、请求类的构造、公共参数的处理、请求头及cookie的处理、日志及拦截器的封装、错误处理及数据实例化。

结合最近的项目梳理下基于dio库封装flutter项目的网络框架封装细节。有对swift项目的网络框架感兴趣的可以看下之前写的一篇文章【实践】使用“Alamofire+HandyJSON+结构体+泛型”封装网络架构)

简陋的架构图

接下来根据该架构图，细解三个模块的代码。

API Modules

类似于项目中的各个模块，我们需要将api分组，例如UserApis.

代码比较容易理解，通过RequestBuilder构造一个Request，然后通过Net进行请求，结合架构图很容易理解。这里通过NetError进行错误封装并通过回调函数，交由具体的API调用处进行处理。

Request Builder

这里我们定义一个Request类，包含了每个请求的具体配置，包括请求地址、请求参数、请求方法、是否需要加解密。然后封装一个Requst的构造者RequestBuilder。

Request Sender

最后也是最重要的一步，根据第二步提供的Request配置，通过dio进行请求的发送，这里分三小步：公共性配置、发送请求、解析数据。

公共性配置

包括：header、content-Type、responseType、connectTimeout(超时时长设置)、interceptor(拦截器)；我们将这些内容配置在初始化dio的地方。

发送请求

这段代码在基于公共性配置的基础上，结合Request和公共参数提供类配置这次请求的请求参数，并发送get或post请求。

解析数据

最后一步比较简单，对请求结果进行处理。根据Request配置进行解密或直接功过convert库获取json数据，最终回调给API Module层，进行数据的实例化。

至此完结，整个流程还是比较明了的。

dio设置自定义post请求_基于dio库封装flutter项目的标准网络框架相关推荐

dio设置自定义post请求_使用Dio封装ajax的post和get操作
dio是经常使用到的一个包,为flutter的日常开发提供了很多支持.本文主要描述如何使用Dio封装ajax请求. dio的依赖:dependencies: dio: 3.0.8 dio包的导入:im ...
dio设置自定义post请求_强大的dio封装，可能满足你的一切需要
dio是一个强大的Dart Http请求库,支持Restful API.FormData.拦截器.请求取消.Cookie管理.文件上传/下载.超时.自定义适配器等.. 基本使用添加依赖 depend ...
dio设置自定义post请求_flutter中dio的post请求方式使用总结
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息 1 引言 dio用来在flutter跨平台开发中访问网络的框架,在使用的时候,我们首先是引入依赖 depen ...
dio设置自定义post请求_Flutter 使用dio来发起网络请求以及Cookie管理
说点儿闲话 Flutter官方建议您使用 dio 来发起网络请求,在学习过程中,也尝试过用dart io中的HttpClient发起的请求,这里主要讲一下dio的使用以及CookieJar.Cooki ...
dio设置自定义post请求_Flutter中的http网络请求
前言由于刚过完年工作比较紧张,文章已经四周没有更新了,非常抱歉!接下来依然会尽量保持每周更新! 本篇介绍Flutter中网络请求相关api的使用,Flutter在Flutter engine中提供了 ...
layui table reload post请求_基于Layui组件封装的后台模版
HG框架简介 HG-Layui-UI框架,是基于layui最新版UI搭建的一套通用后台管理框架,借鉴了市面上各大主流框架风格,采用iframe标签页实现,保留了传统开发模式的简单实用性. 为快速开发减 ...
dio设置自定义post请求_Flutter Dio简单二次封装和自定义Header
话不多说自己看代码封装的比较简单,比较适合入门学习Dio. import 'package:dio/dio.dart'; import 'Api.dart'; /* * 封装 restful 请求 * ...
dio设置自定义post请求_flutter Dio封装get/post请求
最近刚学flutter,参考简书大佬们的文章,使用dio简单封装了一下网络请求工具类. 依赖版本 9683BF5F-1627-47F1-AE3A-ECBC55ED49CF.png 网络请求单例 A2F ...
同时多个axios请求_用 React+Antd 封装 Axios 实现全局 Loading 效果
前言今天在做 react 后台管理的时候要实现一个全局 Loading 效果,通常使用 axios 库与后端进行数据交互.为了更好的用户体验,在每次请求前添加一个加载效果,让用户知道在等待加载. 要 ...

最新文章

热门文章