《Flutter 项目工程化》第四章 4.1二次封装 Dio

最新推荐文章于 2024-05-03 09:23:52 发布
最新推荐文章于 2024-05-03 09:23:52 发布
阅读量532 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geeksoarsky/article/details/118890735
本文介绍了在 Flutter 项目中如何进行 Dio 网络请求的二次封装，包括 Dio 的安装、Token 状态管理、自动刷新 Token 的逻辑，以及如何设置拦截器处理授权问题。同时，文中提到了在前后端分离的 Laravel API 服务器中 JWT 鉴权的相关实现。

第四章 用户相关

整个 App 是以用户为中心的，用户必须保持登录状态才能正常使用App，否则跳转到用户登录页。这是一个前后端完全分离的 App ,我已经搭建好了 Laravel API 服务器，使用 JWT 鉴权，即使用 Bear Token 确定用户身份，这就要求我们 App 在发起请求时附带 Token 值，如果 Token 过期但还在刷新周期内，则需要客户端自动刷新 Token , 我们将在此章节完成这些功能。

4.1 Dio 网络请求

安装 Dio

请安装好 Post Man 进行接口调试。

添加依赖，flutter pub get更新依赖

dio: ^4.0.0

新建配置文件

touch lib/utils/dio_manager.dart


                

                
                
        

    

    
  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        


    



                



	

		

			

				
					
《Flutter 项目工程化》第四章 4.2 登录注册

				
			

			

				

					geeksoarsky的博客
				

				

					07-19
					
					549
					
				

			

		

		

			
				
4.2 登录注册
手机号登录注册
客户端只需要提供手机号和验证码，服务端端检测是否注册，没注册则自动注册，故登录注册客户端实现起来只需要一个页面。
新建用户文件夹和用户注册文件
mkdir lib/page/User
touch lib/page/User/login.dart

验证码输入框插件 flutter_verification_box
依赖库
dependencies:
  ·
  ·
  ·

  flutter_spinkit: ^5.0.0
  flutter_verification_b

			
		

	



                

            
              



	

		

			

				
					
Flutter-Dio二次封装

					
最新发布

				
			

			

				

					2501_90404080的博客
				

				

					01-31
					
					967
					
				

			

		

		

			
				
null) {//遍历data并转换为我们传进来的类型});

			
		

	



              


  
              

                


	

		

			

				
					
Flutter Dio二次封装

				
			

			

				

					2401_84414832的博客
				

				

					05-03
					
					303
					
				

			

		

		

			
				
在这里我和身边一些朋友特意整理了一份快速进阶为Android高级工程师的系统且全面的学习资料。涵盖了Android初级——Android高级架构师进阶必备的一些学习技能。附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。

			
		

	





	

		

			

				
					
Flutter Dio 网络框架的二次封装

				
			

			

				

					WangQingLei0307的博客
				

				

					07-31
					
					934
					
				

			

		

		

			
				
4、支持通过传递 解析方法，对数据进行解析，出现异常并捕获异常。1、支持get、post、put、delete 四种请求方式。请求类和模型类创建完成后，下面就是使用了。到此完成了dio的网络框架的二次封装。2、支持文件上传并获取上传进度。3、支持最大重试请求次数。创建一个Model类。

			
		

	



		

			
		



	

		

			

				
					
Flutter - dio 简单二次封装

				
			

			

				

					iotjin的专栏
				

				

					07-09
					
					6222
					
				

			

		

		

			
				
### demo 地址: https://github.com/iotjin/jh_flutter_demo


Flutter Dio简单二次封装和自定义Header
Flutter Dio二次封装
Flutter Dio封装与使用
Flutter 封装 dio，支持 Restful Api
Flutter 网络请求框架封装

结构

apis 文件配置API 地址
dio_utils 文件是对dio的封装
error_handle 文件是异常处理
http_utils 项目接口请求 管理类 .

			
		

	





	

		

			

				
					
Flutter 极简 Dio 组件二次封装文档

				
			

			

				

					半身风雪
				

				

					06-27
					
					4489
					
				

			

		

		

			
				
本文档介绍了如何通过二次封装 Flutter Dio 组件来简化网络请求的过程。通过封装，我们可以提高代码复用性，简化调用方式，并添加一些常用的功能，使网络请求更加易于管理和维护。通过对 Flutter Dio 组件进行二次封装，我们可以提高代码的复用性和可维护性，简化网络请求的调用过程。在封装过程中，我们可以添加拦截器、处理错误等功能，使网络请求更加灵活和可靠。希望本文档能够帮助你了解如何二次封装 Flutter Dio 组件，并在实际项目中应用。

			
		

	





	

		

			

				
					
flutter - dio 二次封装

				
			

			

				

					ifredom
				

				

					03-06
					
					1457
					
				

			

		

		

			
				
封装核心思想
将请求地址隐藏起来，并对http请求数据加盐保密。

固定请求地址, request URL 所有接口都是同一个
接口区别，由apiCode区别各个不同得接口
请求参数加盐保密，参数sign
自定义传参种是否需要token，
所有传输数据由params包裹

请求结果效果图如下:

封装后，优雅调用
// 调用方法
 Future _submit() async {
   var p...

			
		

	





	

		

			

				
					
Flutter Dio二次封装，顺利拿到offer

				
			

			

				

					m0_60607371的博客
				

				

					03-31
					
					1011
					
				

			

		

		

			
				
各行各样都会淘汰一些能力差的，不仅仅是IT这个行业，所以，不要被程序猿是吃青春饭等等这类话题所吓倒，也不要觉得，找到一份工作，就享受安逸的生活，你在安逸的同时，别人正在奋力的向前跑，这样与别人的差距也就会越来越遥远，加油，希望，我们每一个人，成为更好的自己。BAT大厂面试题、独家面试工具包,资料包括 数据结构、Kotlin、计算机网络、Framework源码、数据结构与算法、小程序、NDK、Flutter。

			
		

	





	

		

			

				
					
Flutter完整的Dio网络框架null空安全二次封装。

				
			

			

				

					Fangs.Chriss的博客
				

				

					11-16
					
					1703
					
				

			

		

		

			
				
Flutter完整的Dio网络框架null空安全二次封装。

			
		

	





	

		

			

				
					
Flutter (Retrofit + Dio) - 2 - 封装Dio

				
			

			

				

					weixin_44531811的博客
				

				

					06-02
					
					1703
					
				

			

		

		

			
				
建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0

			
		

	





	

		

			

				
					
flutter 对dio进行简单的二次封装

				
			

			

				

					qq_44756582的博客
				

				

					07-27
					
					792
					
				

			

		

		

			
				
前言
在项目中，我们往往要对第三方框架进行二次封装，目的在于减小项目对第三方框架的依赖，当第三方框架出现不兼容或者严重bug以至于我们需要更换第三方框架时，我们只需要在封装的地方更改第三方框架，而不需要在整个项目中进行更改。
下面我们封装对dio进行简单的二次封装
代码
import 'dart:ffi';

import 'package:dio/dio.dart';
import 'package:flutter/material.dart';

typedef onSuccess(dynamic da

			
		

	





	

		

			

				
					
Flutter网络请求dio封装

					
热门推荐

				
			

			

				

					阿福的专栏
				

				

					04-25
					
					1万+
					
				

			

		

		

			
				
概要:

dio已经更新到4.0版本，相对已经很稳定了，不过为了通用性，如果直接应用在项目中，难免比较离散。一般项目开发都是多人共同协作，所以统一的规范，简洁的调用方式，稳定的性能是必不可少的，所以才有二次封装，方便实际项目中使用。

首先预览下文件结构：



一、整体设计描述

Api 对应项目中业务开发时候的调用接口
	Code定义了常见请求状态，例如网络错误、超时、成功等
	DataHelper定义了数据加密工具代码
	DioLogInterceptor页面Loading拦截器，用于网络数据返回加工

			
		

	





	

		

			

				
					
Dio的简单封装

				
			

			

				

					K_Hello的博客
				

				

					09-03
					
					1879
					
				

			

		

		

			
				
dio的简单使用

dio
一个适合Dart的强大的Http Client，它支持拦截器，全局配置，FormData，请求取消，文件下载，超时等。
Sample Use
pubspec.yaml 导入
dependencies:
  dio: ^3.0.10

import 'package:dio/dio.dart';
void getHttp() async {
  try {
    Response response = await Dio().get("http://www.google.com"

			
		

	





	

		

			

				
					
Flutter中Dio拦截器实现Token自动刷新及二次封装

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息: "myDioToken.rar" 文件包含的Flutter项目中，开发者对Dart语言中的dio包进行了二次封装，并且实现了自动刷新token的功能。这种封装通常用于网络请求中自动处理身份验证令牌(token)的刷新，确保用户...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
geeksoarsky

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值