详解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 相关文章推荐
Java Shutdown Hook场景使用及源码分析
Jun 15 Java/Android
详解java如何集成swagger组件
Jun 21 Java/Android
Java实现多线程聊天室
Jun 26 Java/Android
spring boot项目application.properties文件存放及使用介绍
Jun 30 Java/Android
解决Swagger2返回map复杂结构不能解析的问题
Jul 02 Java/Android
idea以任意顺序debug多线程程序的具体用法
Aug 30 Java/Android
Spring中的使用@Async异步调用方法
Nov 01 Java/Android
使用jpa之动态插入与修改(重写save)
Nov 23 Java/Android
Spring依赖注入多种类型数据的示例代码
Mar 31 Java/Android
Java 超详细讲解十大排序算法面试无忧
Apr 08 Java/Android
Java时间工具类Date的常用处理方法
May 25 Java/Android
ConditionalOnProperty配置swagger不生效问题及解决
Jun 14 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
谈谈新手如何学习PHP
2006/12/14 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
修改file按钮的默认样式实现代码
2013/04/23 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
使用Curl命令查看请求响应时间方法
2016/11/04 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
Webpack按需加载打包chunk命名的方法
2019/09/22 Javascript
vue实现单一筛选、删除筛选条件
2020/10/26 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
Python3操作SQL Server数据库(实例讲解)
2017/10/21 Python
基于Django的python验证码(实例讲解)
2017/10/23 Python
python书籍信息爬虫实例
2018/03/19 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
关于Keras Dense层整理
2020/05/21 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
乌鸦喝水教学反思
2014/02/07 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
寒假社会实践个人总结
2015/03/06 职场文书
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android