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

Flutter App 中的 Dio 网络请求与 Token 管理
最新推荐文章于 2025-10-14 07:14:01 发布
最新推荐文章于 2025-10-14 07:14:01 发布
阅读量543 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/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 Dio二次封装

				
			

			

				

					2401_84414832的博客
				

				

					05-03
					
					325
					
				

			

		

		

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

			
		

	



                

            
              



	

		

			

				
					
Flutter Dio 网络框架的二次封装

				
			

			

				

					WangQingLei0307的博客
				

				

					07-31
					
					975
					
				

			

		

		

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

			
		

	



              


  
              

                


	

		

			

				
					
告别重复网络代码：Flutter Hooks+Dio自定义Hook封装指南

					
最新发布

				
			

			

				

					gitblog_01103的博客
				

				

					10-14
					
					614
					
				

			

		

		

			
				
你是否还在为Flutter项目中重复的网络请求代码感到困扰？每次发起请求都要处理加载状态、错误捕获和数据解析，不仅冗余还容易出错。本文将带你通过Flutter Hooks与Dio的结合，打造一个优雅的网络请求解决方案，让你的代码更简洁、更可维护。读完本文，你将掌握自定义Hook封装Dio的完整流程，学会如何在实际项目中应用这一最佳实践。

## 技术选型：为什么选择Dio和Flutter Hook...

			
		

	





	

		

			

				
					
Flutter - dio 简单二次封装

				
			

			

				

					iotjin的专栏
				

				

					07-09
					
					6235
					
				

			

		

		

			
				
### 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 项目接口请求 管理类 .

			
		

	



		

			
		



	

		

			

				
					
2024年Flutter从入门到精通全网最全学习路线指南

				
			

			

				

					flutter开发app的博客
				

				

					10-16
					
					1501
					
				

			

		

		

			
				
我也面试过一些Flutter求职者，我一般从这几个方面提问，dart代码编写的设计思想与规范、dart异步模型与Flutter引擎原理、Flutter性能优化、Flutter状态管理与组件化开发、Flutter与原生结合部分的知识，譬如插件、原生通信、安卓基本常识、iOS基本常识。如果你想做Flutter，你可以从这几个方面好好的了解了解。布局原理与实践：通过学习Container、Row、Column、Stack、Flex等布局组件，掌握Flutter的响应式布局原理，并进行实际操作演练。

			
		

	





	

		

			

				
					
《Flutter从入门到实战：手把手构建跨平台应用（万字深度解析）》

				
			

			

				

					idree的博客
				

				

					03-18
					
					1889
					
				

			

		

		

			
				
《Flutter从入门到实战：手把手构建跨平台应用（万字深度解析）》

			
		

	





	

		

			

				
					
【Flutter零基础快速入门】：2024年移动开发新趋势，15章慕课带你飞速上手

				
			

			

				

					
				

			

		

		

			
				
[15章慕课甄选-2024年Flutter零基础极速入门到进阶实战](https://inews.gtimg.com/om_bt/O6S7X4ZrGza9my_tC2nZEyEcJr2QFJaohEj01b7PtG8NgAA/0)  # 摘要 本论文旨在系统介绍Flutter开发技术及其在移动应用开发中的...

			
		

	





	

		

			

				
					
Flutter开发之——网络请求-Dio(1)

				
			

			

				

					2401_83641314的博客
				

				

					03-31
					
					823
					
				

			

		

		

			
				
在技术领域内，没有任何一门课程可以让你学完后一劳永逸，再好的课程也只能是“师傅领进门，修行靠个人”。“学无止境”这句话，在任何技术领域，都不只是良好的习惯，更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。如果你觉得自己学习效率低，缺乏正确的指导，可以一起学习交流！加入我们吧！群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。

			
		

	





	

		

			

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

				
			

			

				

					半身风雪
				

				

					06-27
					
					4513
					
				

			

		

		

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

			
		

	





	

		

			

				
					
flutter - dio 二次封装

				
			

			

				

					ifredom
				

				

					03-06
					
					1468
					
				

			

		

		

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

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

请求结果效果图如下:

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

			
		

	





	

		

			

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

				
			

			

				

					m0_60607371的博客
				

				

					03-31
					
					1037
					
				

			

		

		

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

			
		

	





	

		

			

				
					
Flutter-Dio二次封装

				
			

			

				

					erhtre的博客
				

				

					04-17
					
					791
					
				

			

		

		

			
				
/ 请求，返回参数为 T// method：请求方法，NWMethod.POST等// path：请求地址// params：请求参数// success：请求成功回调// error：请求失败回调try {= null) {} else {} else {error(ErrorEntity(code: -1, message: “未知错误”));// 请求，返回参数为 List。

			
		

	





	

		

			

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

				
			

			

				

					Fangs.Chriss的博客
				

				

					11-16
					
					1725
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					weixin_44531811的博客
				

				

					06-02
					
					1721
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					qq_44756582的博客
				

				

					07-27
					
					795
					
				

			

		

		

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

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

typedef onSuccess(dynamic da

			
		

	





	

		

			

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

				
			

			

				

					
				

			

		

		

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

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
geeksoarsky

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

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值