《flutter-dio5封装-简书.docx》由会员分享,可在线阅读,更多相关《flutter-dio5封装-简书.docx(6页珍藏版)》请在第壹文秘上搜索。
1、flutterdio5封装简书Flutter是目前很火的一款跨平台开发框架,它能够将一份代码同时运行在AndrOid和iOS平台。而Dio那么是一款FIUtter中的网络请求库,它能够轻松的发送HTTP、HTTPS请求并得到响应。相比于FlUtter的内置网络请求库HttpClient,DiO表现出更好的性能和易用性。而对于日常开发,我们不可防止的需要封装一些网络请求函数,方便我们日后的调用。本篇文章就来讲一下Flutter中Dio的封装。1 .根底封装我们先来看一下最根底的封装,在此根底上逐步进行优化和改良。首先,我们需要通过di。库中创立一个dio实例:Diodio=newDioO;接着,
2、我们可以使用dio实例来发送网络请求:Responseresponse=await();print();这里使用Dio的get方法发送了一个HTTPGET请求,得到的response.data即为请求返回的数据。但实际上,我们往往会根据接口的不同而发送一些特定的请求,例如发送POST请求需要传递参数,发送文件需要使用multipartfon-data等。因此,我们需要进行一些特殊的处理。对于发送POST请求,我们可以使用dio实例的PoSt方法,并将数据存放在一个Map中:Mapparams=name:age:18);Responseresponse=await(,data:params);p
3、rint();可以看到,在POSt方法中,我们将参数data作为可选参数传入。调用PoSt方法后,效劳器会自动解析这个参数,并返回需要的数据。对于发送文件,我们可以使用dio实例的PoSt方法,并将文件作为参数传入:FormDataformData=newFormData.fromMap(file:awaitMultipartFile.fromFile(z,zz,filename:),,desc,z:,Thisisatextfile.,);Responseresponse=await(,data:formData);printO;可以看到,在post方法中,我们将参数data的值设置为一个Fo
4、rmData类型的数据。在FormData中,我们可以传入一个或多个MUItiPartFiIe类型的文件参数,以及其他需要一同发送的数据。实际开发中,我们可能需要发送多个文件或者不同的文件类型,此时可以根据情况来更改参数。2 .错误处理在网络请求中,我们经常会遇到一些错误,例如断网、效劳器错误等等。这些错误会影响用户的体验和应用的正常运行。因此,我们需要进行一些错误处理来防止这些错误的发生。在DiO中,我们可以使用y-catch来捕获异常:tryResponseresponse=await();print();catch(e)print(e);可以看到,在上述代码中,我们使用try-catch
5、结构来捕获请求中的异常。在CatCh中,我们可以处理不同类型的异常,以保证应用的正常运行。除了使用try-catch来捕获异常之外,我们还可以对错误进行统一处理。对于错误处理,我们通常会将错误信息反应给用户,并根据错误类型采取相应的措施,例如重试、提示用户从设置中检查网络状态等等。为了实现错误处理,我们可以在Dio请求实例中添加拦截器:(InterceptorsWrapper(onRequest:(RequestOptionsoptions)/在请求被发送之前做一些事情returnoptions;/continue),onResponse:(Responseresponse)/在返回响应数据之
6、前做一些预处理returnresponse;/continue,onError:(DioErrore)/当请求失败时做一些预处理returne;/continue);在上述代码中,我们创立了一个拦截器,并使用add方法将其参加DiO请求实例中。在拦截器中,我们可以实现对请求、响应以及错误的统一处理。在请求被发送之前,我们可以在OnReqUest方法中进行一些预处理操作;在响应数据返回之前,我们可以在。nRespOnSe方法中进行一些预处理操作;当请求失败时,我们可以在OnError方法中实现统一的错误处理。3 .进度监控在上传或下载文件时,我们经常需要知道当前文件的上传或下载进度以及剩余时间等
7、信息,方便我们进行界面显示和处理。在DiO中,我们可以使用Stream来监控进度。具体的实现思路是将文件分成假设干个小块,并在每上传或下载完成一个块时发送一个emit事件。我们可以通过stream,listen监听每一个事件,从而实现对各项指标的实时监控。varurl=;varfile=newFile();FormDataformData=newFormData.fromMap(nametext ,file:awaitMultipartFile.fromFile(,filename:),);/创立一个取消令牌,以便在取消上传时停止上传varCancelToken=newCancelTokenO
8、;/监听上传进度(url,data:formData,OnSendProgress:(intsent,inttotal)print(,Sent$sentof$totalbytesz,);/updateprogress),cancelToken:cancelToken);在上述代码中,我们使用OnSendPrOgreSS来监听上传进度。在OnSendProgress方法中,我们可以实现具体的进度计算并用于每个请求的处理。以上便是DiO的根底封装、错误处理和进度监控实现的具体步骤。DiO是一款非常好用的FIUtter网络请求库,我们可以看到,通过简单的封装和优化,我们就能够将Dio的功能拓展出更多的使用场景,更好的满足实际开发的需求。