详解Flutter网络请求Dio库的使用及封装


Posted in Java/Android onApril 14, 2022

Dart语言内置的HttpClient实现了基本的网络请求相关的操作。但HttpClient本身功能较弱,很多网络请求常用功能都不支持,因此在实际项目中,我们更多是使用dio库实现网络请求。

注:Flutter官网同样推荐在项目中使用Dio库。

Dio文档地址: pub.dev地址:dio | Dart Package

一、项目目录结构

详解Flutter网络请求Dio库的使用及封装

文件夹 功能
components 放置全局共用组件
router 全局路由管理
service 管理接口请求并对返回数据进行处理,复杂功能逻辑处理
store provider全局状态管理
utile 工具类,例如:接口请求工具类,数据持久化工具类,加密解密工具类……
views 界面管理,实现界面UI绘制的代码逻辑

二、封装思路:

1、在DioRequest工具类中统一初始化网络请求常见配置,实现请求拦截器、响应拦截器以及错误处理。

2、统一在service中管理接口请求,并且对返回的数据根据实际需求进行处理,如果数据的修改需要更新UI或者需要全局共享该数据,可以结合provider实现。

三、添加依赖

在pubspec.yaml文件中添加所需要的第三方依赖库

dev_dependencies:
  flutter_test:
    sdk: flutter 
  # The "flutter_lints" package below contains a set of recommended lints to
  # encourage good coding practices. The lint set provided by the package is
  # activated in the `analysis_options.yaml` file located at the root of your
  # package. See that file for information about deactivating specific lint
  # rules and activating additional ones.
  flutter_lints: ^1.0.0
  # 数据请求
  dio: ^4.0.4

四、简单实现网络请求

utils目录中新建dio_request.dart文件实现DioRequest网络请求的工具类。

import 'package:dio/dio.dart';
/// dio网络请求配置表 自定义
class DioConfig {
  static const baseURL = 'http://117.34.71.31:8081/paas-admin'; //域名
  static const timeout = 10000; //超时时间
} 
// 网络请求工具类
class DioRequest {
  late Dio dio;
  static DioRequest? _instance;
  /// 构造函数
  DioRequest() {
    dio = Dio();
    dio.options = BaseOptions(
        baseUrl: DioConfig.baseURL,
        connectTimeout: DioConfig.timeout,
        sendTimeout: DioConfig.timeout,
        receiveTimeout: DioConfig.timeout,
        contentType: 'application/json; charset=utf-8',
        headers: {});
    /// 请求拦截器 and 响应拦截机 and 错误处理
    dio.interceptors.add(InterceptorsWrapper(onRequest: (options, handler) {
      print("\n================== 请求数据 ==========================");
      print("url = ${options.uri.toString()}");
      print("headers = ${options.headers}");
      print("params = ${options.data}");
      return handler.next(options);
    }, onResponse: (response, handler) {
      print("\n================== 响应数据 ==========================");
      print("code = ${response.statusCode}");
      print("data = ${response.data}");
      print("\n");
      handler.next(response);
    }, onError: (DioError e, handler) {
      print("\n================== 错误响应数据 ======================");
      print("type = ${e.type}");
      print("message = ${e.message}");
      print("\n");
      return handler.next(e);
    }));
  }
  static DioRequest getInstance() {
    return _instance ??= DioRequest();
  }
}

五、实现登录注册服务

lib下新建service目录,并在service目录中新建login.dart文件。

import 'dart:convert';

import 'package:cyber_security/utils/http.dart';

class LoginService {
  /// 获取用户数据中心列表
  static Future<List> getDataCenter() async {
    var response = await DioRequest.getInstance().dio.get('/getDataCenter');
    var data = jsonDecode(response.toString());
    return data['dataCenterList'];
  }

  /// 登录接口
  static login(value) async {
    var response = await DioRequest.getInstance()
        .dio
        .post('/sys/login', queryParameters: value);
    var data = jsonDecode(response.toString()); 
    /// 对返回的身份凭证全局持久化存储
    return data['key'];
  }

  /// 获取权限列表
  static menuNav() async {
    var response = await DioRequest.getInstance().dio.get('/sys/menu/nav');
    var data = jsonDecode(response.toString());
    return data['key'];
  }
}

六、使用service服务

@override
  void initState() {
    // TODO: implement initState
    super.initState();
    /// 请求用户数据中心数据
    LoginService.getDataCenter().then((value) {
      setState(() {
        _dataCenterList = value;
      });
    });
  }

到此这篇关于Flutter网络请求Dio库的使用及封装详解的文章就介绍到这了!

Java/Android 相关文章推荐
如何解决springcloud feign 首次调用100%失败的问题
Jun 23 Java/Android
springcloud之Feign超时问题的解决
Jun 24 Java/Android
Java elasticsearch安装以及部署教程
Jun 28 Java/Android
Java实现聊天机器人完善版
Jul 04 Java/Android
alibaba seata服务端具体实现
Feb 24 Java/Android
Java基础——Map集合
Apr 01 Java/Android
Android Flutter实现图片滑动切换效果
Apr 07 Java/Android
JavaWeb Servlet开发注册页面实例
Apr 11 Java/Android
Jmerte 分布式压测及分布式压测配置
Apr 30 Java/Android
Java实现带图形界面的聊天程序
Jun 10 Java/Android
Java服务调用RestTemplate与HttpClient的使用详解
Jun 21 Java/Android
SpringBoot项目部署到阿里云服务器的实现步骤
Jun 28 Java/Android
详细介绍Java中的CyclicBarrier
Apr 13 #Java/Android
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
Apr 13 #Java/Android
Java的Object类的九种方法
Apr 13 #Java/Android
Java 使用类型为Object的变量指向任意类型的对象
Apr 13 #Java/Android
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
Apr 13 #Java/Android
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
Apr 13 #Java/Android
Android开发之WECHAT微信小程序路由跳转的两种形式
Apr 12 #Java/Android
You might like
Terran魔法科技
2020/03/14 星际争霸
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
Using the TextRange Object
2006/10/14 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
2013/09/22 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
javascript检测移动设备横竖屏
2016/05/21 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
小程序自定义组件实现城市选择功能
2018/07/18 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
vue使用swiper实现左右滑动切换图片
2020/10/16 Javascript
js实现筛选功能
2020/11/24 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
Python 功能和特点(新手必学)
2015/12/30 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
在python plt图表中文字大小调节的方法
2019/07/08 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
客服服务心得体会
2013/12/30 职场文书
工商管理本科生求职信
2014/07/13 职场文书
离婚案件原告代理词
2015/05/23 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
如何在C++中调用Python
2021/05/21 Python
Python基础之进程详解
2021/05/21 Python