flutter实用系列(五)之网络请求dio,请求,拦截器简单示例

CodeHorizonX
• 阅读 7678

flutter一直很火的网络请求插件dio
直接上代码,写成一个类,可以直接使用
包含请求的封装,拦截器的封装

import 'package:dio/dio.dart';
import 'dart:async';
import 'dart:io';
import './apidomain.dart';
import './httpHeaders.dart';
import 'package:shared_preferences/shared_preferences.dart';
class DioUtil{
    static Dio dio = new Dio();
    //请求部分
    static  Future request(url,{formData})async{
        try{
            Response response;
            dio.options.headers = httpHeaders;
            dio.options.contentType = ContentType.parse("application/json;charset=UTF-8");
            if(formData == null){
                response = await dio.post(serviceUrl+url);
            }else{
                response = await dio.post(serviceUrl+url,data:formData);
            }
            if(response.statusCode == 200){
                return response;
            }else{
                throw Exception("接口异常R");
            }
        }catch(e){
            print("网络出现错误${e}");
        }
    }
    //拦截器部分
    static tokenInter(){
        dio.interceptors.add(InterceptorsWrapper(
            onRequest:(RequestOptions options){
                // 在发送请求之前做一些预处理
                //我这边是在发送前到SharedPreferences(本地存储)中取出token的值,然后添加到请求头中
                //dio.lock()是先锁定请求不发送出去,当整个取值添加到请求头后再dio.unlock()解锁发送出去
                dio.lock();
                Future<dynamic> future = Future(()async{
                    SharedPreferences prefs =await SharedPreferences.getInstance();
                    return prefs.getString("loginToken");
                });
                return future.then((value) {
                    options.headers["Authorization"] = value;
                    return options;
                }).whenComplete(() => dio.unlock()); // unlock the dio
            },
            onResponse:(Response response) {
                // 在返回响应数据之前做一些预处理
                return response; // continue
            },
            onError: (DioError e) {
                // 当请求失败时做一些预处理
                return e;//continue
            }
        ));
    }
}

httpHeaders文件则是放一些请求头信息如下

const httpHeaders={
    'Accept': 'application/json, text/plain, */*',
    'Authorization': '666',
    'Content-Type': 'application/json;charset=UTF-8',
    'Origin': 'http://localhost:8080',
    'Referer': 'http://localhost:8080/',
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36',
};

apidomain文件则是放api的地址信息如下

const serviceUrl = 'http://39.xxx.xxx.xx:8080';
点赞
收藏
评论区
推荐文章
希望的天 希望的天
4年前
Retrofit封装Okhttp逻辑原理
总结自retrofit封装了Okhttp本身并不能进行网络请求。只能在Android使用的网络请求框架。1.png2.pngrequest:统一完成(post/get/...)回调陷阱:完成上一步网络请求才能进行下一步网络请求。3.pngRetrofit简化了网络请求。优化了网络请求的使用。4.png5.png7.pngbuild设计模式:参数》5个;
Stella981 Stella981
3年前
FLutter了解之文件操作、模型转换、网络请求
目录1.文件操作2.Json转Model3.HttpClient4.dio三方库5.Http分块下载6.使用WebSockets7.使用SocketAPI(dart:io包中)8.http三方库1\.文件操
Stella981 Stella981
3年前
Retrofit网络框架入门使用
1.简单介绍retrofit事实上就是对okhttp做了进一步一层封装优化。我们仅仅须要通过简单的配置就能使用retrofit来进行网络请求了。Retrofit能够直接返回Bean对象,比如假设我们进行一个网络接口的请求。返回来一串json字符串。那么这个时候一般我们都要拿到这个json字符串后进行解析得到相应的Bean对象,Ret
Stella981 Stella981
3年前
Flutter 网络请求库http
http集成http库https://pub.dartlang.org/packages/http添加依赖dependencies:http:^0.12.0安装flutterpackagesget导入import'package:http/http.d
Stella981 Stella981
3年前
Flutter中日期组件DatePicker及组件汉化
Flutter提供了DatePicker组件进行时间选择。日期组件及时间组件代码示例:import'package:flutter/material.dart';//第三方插件,需要提前配置import'package:date_format/date_format.dart';classDat
Stella981 Stella981
3年前
Http请求(Day03)
ServletRequest接口​在容器中接收到Web客户端的HTTP请求之后会先解析该请求,并创建与之相对应的请求对象和响应对象,而创建的请求对象的类型就是ServletRequest类型。1、ServletRequest​简单点说就是该接口封装了请求信息。可以从中获取
Stella981 Stella981
3年前
Flutter dio伪造请求头获取数据
在很多时候,后端为了安全都会有一些请求头的限制,只有请求头对了,才能正确返回数据。这虽然限制了一些人恶意请求数据,但是对于我们聪明的程序员来说,就是形同虚设。下面就以极客时间为例,讲一下通过伪造请求头,来获取极客时间首页主要数据。(不保证接口和安全措施一直可用哦)查看极客时间的数据端口如果你是一个前端,这套流程可能已经烂熟于心,先找出
Easter79 Easter79
3年前
SSM框架项目的mvc拦截器
为了防止用户在不登录的情况下通过并接请求直接访问系统,我们需要通过session和拦截器来防止这样的情况。拦截器的配置:为拦截器建立一个包:interceptor,并在包里建立LoginInterceptor拦截器类!(https://oscimg.oschina.net/oscnet/0c550371593ccb1aa7a33fa7b7
Stella981 Stella981
3年前
SSM框架项目的mvc拦截器
为了防止用户在不登录的情况下通过并接请求直接访问系统,我们需要通过session和拦截器来防止这样的情况。拦截器的配置:为拦截器建立一个包:interceptor,并在包里建立LoginInterceptor拦截器类!(https://oscimg.oschina.net/oscnet/0c550371593ccb1aa7a33fa7b7
Stella981 Stella981
3年前
34 Flutter仿京东商城项目 用户注册 注册流程 POST发送验证码 倒计时功能 验证验证码
加群_452892873_下载对应34课文件,运行方法,建好项目,直接替换lib目录以下列出的是本课涉及的文件。RegisterFirst.dartimport'package:flutter/material.dart';import'package:flutter_jdshop/services/ScreenA
liam liam
1年前
优化你的 JavaScript 项目:Axios request 封装指南
在开发中,为了提高效率,通常对进行封装,简化了请求的发送和对响应的处理。同时,统一错误处理机制有助于维护代码的清晰和一致性。本文介绍了一些高效封装Axios请求的方法。封装理念通过创建一个请求函数,我们可以隐藏Axios的直接调用,将请求的配置作为参数传入