Flutter Dio 亲妈级别封装教程

前不久看到 艾维码 大佬的dio封装，经过摸索，改吧改吧，使用的不错。对于之前 艾维码 大佬文章中一些已经失效的做了修正

为什么一定要封装一手？

token拦截，错误拦截，统一错误处理，统一缓存，信息封装（错误，正确）

Cookie？？？滚犊子

不管cookie，再见

全局初始化，传入参数

dio初始化，传入baseUrl, connectTimeout， receiveTimeout，options，header 拦截器等。dio初始化的时候允许我们传入的一些配置

dio初始化的配置

这里说下，之前 艾维码 大佬的帖子中的options，最新版的dio已经使用requestOptions, 之前的merge，现在使用copyWith。详情向下看

如果要白嫖完整的方案

可以参考使用这套方案开发的 flutter + getx 仿开眼视频app，有star的大佬可以赏点star。

Flutter Dio 亲妈级别封装教程_第1张图片

Flutter Dio 亲妈级别封装教程_第2张图片

项目地址 github地址
apk下载 panbaidu 提取码：3ev2

初始化

这里说下拦截器，可以在初始化的时候传入，也可以手写传入，例如我这里定义了四个拦截器，第一个用于全局request时候给请求投加上context-type：json。第二个是全局错误处理拦截器，下面的内容会介绍拦截器部分。
cache拦截器，全局处理接口缓存数据，retry重试拦截器（我暂时没怎么用）

    class Http {
      static final Http _instance = Http._internal();
      // 单例模式使用Http类，
      factory Http() => _instance;

      static late final Dio dio;
      CancelToken _cancelToken = new CancelToken();

      Http._internal() {
        // BaseOptions、Options、RequestOptions 都可以配置参数，优先级别依次递增，且可以根据优先级别覆盖参数
        BaseOptions options = new BaseOptions();

        dio = Dio(options);

        // 添加request拦截器
        dio.interceptors.add(RequestInterceptor());
        // 添加error拦截器
        dio.interceptors.add(ErrorInterceptor());
        // // 添加cache拦截器
        dio.interceptors.add(NetCacheInterceptor());
        // // 添加retry拦截器
        dio.interceptors.add(
          RetryOnConnectionChangeInterceptor(
            requestRetrier: DioConnectivityRequestRetrier(
              dio: dio,
              connectivity: Connectivity(),
            ),
          ),
        );

    // 在调试模式下需要抓包调试，所以我们使用代理，并禁用HTTPS证书校验
    // if (PROXY_ENABLE) {
    //   (dio.httpClientAdapter as DefaultHttpClientAdapter).onHttpClientCreate =
    //       (client) {
    //     client.findProxy = (uri) {
    //       return "PROXY $PROXY_IP:$PROXY_PORT";
    //     };
    //     //代理工具会提供一个抓包的自签名证书，会通不过证书校验，所以我们禁用证书校验
    //     client.badCertificateCallback =
    //         (X509Certificate cert, String host, int port) => true;
    //   };
    // }
      }

      ///初始化公共属性
      ///
      /// [baseUrl] 地址前缀
      /// [connectTimeout] 连接超时赶时间
      /// [receiveTimeout] 接收超时赶时间
      /// [interceptors] 基础拦截器
      void init({
        String? baseUrl,
        int connectTimeout = 1500,
        int receiveTimeout = 1500,
        Map? headers,
        List? interceptors,
      }) {
        dio.options = dio.options.copyWith(
          baseUrl: baseUrl,
          connectTimeout: connectTimeout,
          receiveTimeout: receiveTimeout,
          headers: headers ?? const {},
        );
        // 在初始化http类的时候，可以传入拦截器
        if (interceptors != null && interceptors.isNotEmpty) {
          dio.interceptors..addAll(interceptors);
        }
      }

      // 关闭dio
      void cancelRequests({required CancelToken token}) {
        _cancelToken.cancel("cancelled");
      }

      // 添加认证
      // 读取本地配置
      Map? getAuthorizationHeader() {
        Map? headers;
        // 从getx或者sputils中获取
        // String accessToken = Global.accessToken;
        String accessToken = "";
        if (accessToken != null) {
          headers = {
            'Authorization': 'Bearer $accessToken',
          };
        }
        return headers;
      }

      Future get(
        String path, {
        Map? params,
        Options? options,
        CancelToken? cancelToken,
        bool refresh = false,
        bool noCache = !CACHE_ENABLE,
        String? cacheKey,
        bool cacheDisk = false,
      }) async {
        Options requestOptions = options ?? Options();
        requestOptions = requestOptions.copyWith(
          extra: {
            "refresh": refresh,
            "noCache": noCache,
            "cacheKey": cacheKey,
            "cacheDisk": cacheDisk,
          },
        );
        Map? _authorization = getAuthorizationHeader();
        if (_authorization != null) {
          requestOptions = requestOptions.copyWith(headers: _authorization);
        }
        Response response;
        response = await dio.get(
          path,
          queryParameters: params,
          options: requestOptions,
          cancelToken: cancelToken ?? _cancelToken,
        );

        return response.data;
      }

      Future post(
        String path, {
        Map? params,
        data,
        Options? options,
        CancelToken? cancelToken,
      }) async {
        Options requestOptions = options ?? Options();
        Map? _authorization = getAuthorizationHeader();
        if (_authorization != null) {
          requestOptions = requestOptions.copyWith(headers: _authorization);
        }
        var response = await dio.post(
          path,
          data: data,
          queryParameters: params,
          options: requestOptions,
          cancelToken: cancelToken ?? _cancelToken,
        );
        return response.data;
      }

      Future put(
        String path, {
        data,
        Map? params,
        Options? options,
        CancelToken? cancelToken,
      }) async {
        Options requestOptions = options ?? Options();

        Map? _authorization = getAuthorizationHeader();
        if (_authorization != null) {
          requestOptions = requestOptions.copyWith(headers: _authorization);
        }
        var response = await dio.put(
          path,
          data: data,
          queryParameters: params,
          options: requestOptions,
          cancelToken: cancelToken ?? _cancelToken,
        );
        return response.data;
      }

      Future patch(
        String path, {
        data,
        Map? params,
        Options? options,
        CancelToken? cancelToken,
      }) async {
        Options requestOptions = options ?? Options();
        Map? _authorization = getAuthorizationHeader();
        if (_authorization != null) {
          requestOptions = requestOptions.copyWith(headers: _authorization);
        }
        var response = await dio.patch(
          path,
          data: data,
          queryParameters: params,
          options: requestOptions,
          cancelToken: cancelToken ?? _cancelToken,
        );
        return response.data;
      }

      Future delete(
        String path, {
        data,
        Map? params,
        Options? options,
        CancelToken? cancelToken,
      }) async {
        Options requestOptions = options ?? Options();

        Map? _authorization = getAuthorizationHeader();
        if (_authorization != null) {
          requestOptions = requestOptions.copyWith(headers: _authorization);
        }
        var response = await dio.delete(
          path,
          data: data,
          queryParameters: params,
          options: requestOptions,
          cancelToken: cancelToken ?? _cancelToken,
        );
        return response.data;
      }
    }

dio拦截器

下面我们来看下拦截器，下面是一个处理处理拦截器案例

    // 这里是一个我单独写得soket错误实例，因为dio默认生成的是不允许修改message内容的，我只能自定义一个使用
    class MyDioSocketException extends SocketException {
      late String message;

      MyDioSocketException(
        message, {
        osError,
        address,
        port,
      }) : super(
              message,
              osError: osError,
              address: address,
              port: port,
            );
    }

    /// 错误处理拦截器
    class ErrorInterceptor extends Interceptor {
      // 是否有网
      Future isConnected() async {
        var connectivityResult = await (Connectivity().checkConnectivity());
        return connectivityResult != ConnectivityResult.none;
      }

      @override
      Future onError(DioError err, ErrorInterceptorHandler errCb) async {
        // 自定义一个socket实例，因为dio原生的实例，message属于是只读的
        // 这里是我单独加的，因为默认的dio err实例，的几种类型，缺少无网络情况下的错误提示信息
        // 这里我手动做处理，来加工一手，效果，看下面的图片，你就知道
        if (err.error is SocketException) {
          err.error = MyDioSocketException(
            err.message,
            osError: err.error?.osError,
            address: err.error?.address,
            port: err.error?.port,
          );
        }
        // dio默认的错误实例，如果是没有网络，只能得到一个未知错误，无法精准的得知是否是无网络的情况
        if (err.type == DioErrorType.other) {
          bool isConnectNetWork = await isConnected();
          if (!isConnectNetWork && err.error is MyDioSocketException) {
            err.error.message = "当前网络不可用，请检查您的网络";
          }
        }
        // error统一处理
        AppException appException = AppException.create(err);
        // 错误提示
        debugPrint('DioError===: ${appException.toString()}');
        err.error = appException;
        return super.onError(err, errCb);
      }
    }

以上的代码可以看到，ErrorInterceptor类继承自Interceptor，可以重新onRequest 、onResponse、onError，三个状态，最后return super.onError将err实例传递给超类。

统一的错误信息包装处理

试想一下，如果你的项目，有十几种状态码，每种也也都需要吧code码转换成文字信息，因为有时候你需要给用户提示。例如： 连接超时，请求失败，网络错误，等等。下面是统一的错误处理

AppException.dart

import 'package:dio/dio.dart';

/// 自定义异常
class AppException implements Exception {
  final String _message;
  final int _code;

  AppException(
    this._code,
    this._message,
  );

  String toString() {
    return "$_code$_message";
  }

  String getMessage() {
    return _message;
  }

  factory AppException.create(DioError error) {
    switch (error.type) {
      case DioErrorType.cancel:
        {
          return BadRequestException(-1, "请求取消");
        }
      case DioErrorType.connectTimeout:
        {
          return BadRequestException(-1, "连接超时");
        }
      case DioErrorType.sendTimeout:
        {
          return BadRequestException(-1, "请求超时");
        }
      case DioErrorType.receiveTimeout:
        {
          return BadRequestException(-1, "响应超时");
        }
      case DioErrorType.response:
        {
          try {
            int? errCode = error.response!.statusCode;
            // String errMsg = error.response.statusMessage;
            // return ErrorEntity(code: errCode, message: errMsg);
            switch (errCode) {
              case 400:
                {
                  return BadRequestException(errCode!, "请求语法错误");
                }
              case 401:
                {
                  return UnauthorisedException(errCode!, "没有权限");
                }
              case 403:
                {
                  return UnauthorisedException(errCode!, "服务器拒绝执行");
                }
              case 404:
                {
                  return UnauthorisedException(errCode!, "无法连接服务器");
                }
              case 405:
                {
                  return UnauthorisedException(errCode!, "请求方法被禁止");
                }
              case 500:
                {
                  return UnauthorisedException(errCode!, "服务器内部错误");
                }
              case 502:
                {
                  return UnauthorisedException(errCode!, "无效的请求");
                }
              case 503:
                {
                  return UnauthorisedException(errCode!, "服务器挂了");
                }
              case 505:
                {
                  return UnauthorisedException(errCode!, "不支持HTTP协议请求");
                }
              default:
                {
                  // return ErrorEntity(code: errCode, message: "未知错误");
                  return AppException(errCode!, error.response!.statusMessage!);
                }
            }
          } on Exception catch (_) {
            return AppException(-1, "未知错误");
          }
        }
      default:
        {
          return AppException(-1, error.error.message);
        }
    }
  }
}

/// 请求错误
class BadRequestException extends AppException {
  BadRequestException(int code, String message) : super(code, message);
}

/// 未认证异常
class UnauthorisedException extends AppException {
  UnauthorisedException(int code, String message) : super(code, message);
}

使用的时候这样使用，

Future> getFeedData(url) async {
    try {
      dynamic response = await HttpUtils.get(url);
      // print(response);
      Feed data = Feed.fromJson(response);
      return ApiResponse.completed(data);
    } on DioError catch (e) {
      print(e);
      // 这里看这里，如果是有错误的请求下，使用AppException对错误对象进行处理
      // 处理过后，你就可以比如弹个toast，提示给用户等，
      // 弹窗toast等在下面的方法中调用
      return ApiResponse.error(e.error);
    }
  }
  
Future _refresh() async {
    
    ApiResponse swiperResponse = await getFeedData(initPageUrl);
    
    // 加工过后，我们可以获得两个状态，Status.COMPLETED 和 Status.ERROR
    // 看这里
    if (swiperResponse.status == Status.COMPLETED) {
        // 成功的代码，想干嘛干嘛
    }else if (swiperResponse.status == Status.ERROR) {
        // 失败的代码，可以给个toast，提示给用户
        // 例如我在这里提示用户
        // 使用 exception!.getMessage(); 获得错误对象的文字信息，是我们拦截器处理过后的提示文字，非英文，拿到这，提示给用户不香吗？？？看下面的图片效果
        String errMsg = swiperResponse.exception!.getMessage();
        publicToast(errMsg);
    }
}

Flutter Dio 亲妈级别封装教程_第3张图片

这里的提示就是自定义err拦截器中增加的代码，对于dio不能够得到是否无网络的补充

磁盘缓存数据，拦截器

磁盘缓存接口数据，首先我们要封装一个SpUtil类，
sputils.dart

class SpUtil {
  SpUtil._internal();
  static final SpUtil _instance = SpUtil._internal();

  factory SpUtil() {
    return _instance;
  }

  SharedPreferences? prefs;

  Future init() async {
    prefs = await SharedPreferences.getInstance();
  }

  Future setJSON(String key, dynamic jsonVal) {
    String jsonString = jsonEncode(jsonVal);
    return prefs!.setString(key, jsonString);
  }

  dynamic getJSON(String key) {
    String? jsonString = prefs?.getString(key);
    return jsonString == null ? null : jsonDecode(jsonString);
  }

  Future setBool(String key, bool val) {
    return prefs!.setBool(key, val);
  }

  bool? getBool(String key) {
    return prefs!.getBool(key);
  }

  Future remove(String key) {
    return prefs!.remove(key);
  }
}

缓存拦截器

const int CACHE_MAXAGE = 86400000;
const int CACHE_MAXCOUNT = 1000;
const bool CACHE_ENABLE = false;

class CacheObject {
  CacheObject(this.response)
      : timeStamp = DateTime.now().millisecondsSinceEpoch;
  Response response;
  int timeStamp;

  @override
  bool operator ==(other) {
    return response.hashCode == other.hashCode;
  }

  @override
  int get hashCode => response.realUri.hashCode;
}

class NetCacheInterceptor extends Interceptor {
  // 为确保迭代器顺序和对象插入时间一致顺序一致，我们使用LinkedHashMap
  var cache = LinkedHashMap();

  @override
  void onRequest(
    RequestOptions options,
    RequestInterceptorHandler requestCb,
  ) async {
    if (!CACHE_ENABLE) {
      return super.onRequest(options, requestCb);
    }

    // refresh标记是否是刷新缓存
    bool refresh = options.extra["refresh"] == true;

    // 是否磁盘缓存
    bool cacheDisk = options.extra["cacheDisk"] == true;

    // 如果刷新，先删除相关缓存
    if (refresh) {
      // 删除uri相同的内存缓存
      delete(options.uri.toString());

      // 删除磁盘缓存
      if (cacheDisk) {
        await SpUtil().remove(options.uri.toString());
      }

      return;
    }

    // get 请求，开启缓存
    if (options.extra["noCache"] != true &&
        options.method.toLowerCase() == 'get') {
      String key = options.extra["cacheKey"] ?? options.uri.toString();

      // 策略 1 内存缓存优先，2 然后才是磁盘缓存

      // 1 内存缓存
      var ob = cache[key];
      if (ob != null) {
        //若缓存未过期，则返回缓存内容
        if ((DateTime.now().millisecondsSinceEpoch - ob.timeStamp) / 1000 <
            CACHE_MAXAGE) {
          return;
        } else {
          //若已过期则删除缓存，继续向服务器请求
          cache.remove(key);
        }
      }

      // 2 磁盘缓存
      if (cacheDisk) {
        var cacheData = SpUtil().getJSON(key);
        if (cacheData != null) {
          return;
        }
      }
    }
    return super.onRequest(options, requestCb);
  }

  @override
  void onResponse(
      Response response, ResponseInterceptorHandler responseCb) async {
    // 如果启用缓存，将返回结果保存到缓存
    if (CACHE_ENABLE) {
      await _saveCache(response);
    }
    return super.onResponse(response, responseCb);
  }

  Future _saveCache(Response object) async {
    RequestOptions options = object.requestOptions;

    // 只缓存 get 的请求
    if (options.extra["noCache"] != true &&
        options.method.toLowerCase() == "get") {
      // 策略：内存、磁盘都写缓存

      // 缓存key
      String key = options.extra["cacheKey"] ?? options.uri.toString();

      // 磁盘缓存
      if (options.extra["cacheDisk"] == true) {
        await SpUtil().setJSON(key, object.data);
      }

      // 内存缓存
      // 如果缓存数量超过最大数量限制，则先移除最早的一条记录
      if (cache.length == CACHE_MAXCOUNT) {
        cache.remove(cache[cache.keys.first]);
      }

      cache[key] = CacheObject(object);
    }
  }

  void delete(String key) {
    cache.remove(key);
  }
}

开始封装

class HttpUtils {
  static void init({
    required String baseUrl,
    int connectTimeout = 1500,
    int receiveTimeout = 1500,
    List? interceptors,
  }) {
    Http().init(
      baseUrl: baseUrl,
      connectTimeout: connectTimeout,
      receiveTimeout: receiveTimeout,
      interceptors: interceptors,
    );
  }

  static void cancelRequests({required CancelToken token}) {
    Http().cancelRequests(token: token);
  }

  static Future get(
    String path, {
    Map? params,
    Options? options,
    CancelToken? cancelToken,
    bool refresh = false,
    bool noCache = !CACHE_ENABLE,
    String? cacheKey,
    bool cacheDisk = false,
  }) async {
    return await Http().get(
      path,
      params: params,
      options: options,
      cancelToken: cancelToken,
      refresh: refresh,
      noCache: noCache,
      cacheKey: cacheKey,
    );
  }

  static Future post(
    String path, {
    data,
    Map? params,
    Options? options,
    CancelToken? cancelToken,
  }) async {
    return await Http().post(
      path,
      data: data,
      params: params,
      options: options,
      cancelToken: cancelToken,
    );
  }

  static Future put(
    String path, {
    data,
    Map? params,
    Options? options,
    CancelToken? cancelToken,
  }) async {
    return await Http().put(
      path,
      data: data,
      params: params,
      options: options,
      cancelToken: cancelToken,
    );
  }

  static Future patch(
    String path, {
    data,
    Map? params,
    Options? options,
    CancelToken? cancelToken,
  }) async {
    return await Http().patch(
      path,
      data: data,
      params: params,
      options: options,
      cancelToken: cancelToken,
    );
  }

  static Future delete(
    String path, {
    data,
    Map? params,
    Options? options,
    CancelToken? cancelToken,
  }) async {
    return await Http().delete(
      path,
      data: data,
      params: params,
      options: options,
      cancelToken: cancelToken,
    );
  }
}

注入，初始化

main。dart。这里参考我个人的使用例子

Future main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // debugPaintSizeEnabled = true;
  await initStore();
  runApp(MyApp());
}

Future initStore() async {
  // 初始化本地存储类
  await SpUtil().init();
  // 初始化request类
  HttpUtils.init(
    baseUrl: Api.baseUrl,
  );
  // 历史记录，全局 getx全局注入，
  await Get.putAsync(() => HistoryService().init());
  print("全局注入");
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      debugShowCheckedModeBanner: false,
      initialRoute: PageRoutes.INIT_ROUTER,
      getPages: PageRoutes.routes,
    );
  }
}

使用封装好得例子

// 这里定义一个函数，返回的是future 《apiResponse》，可以得到status的状态
Future> getFeedData(url) async {
    try {
      dynamic response = await HttpUtils.get(url);
      // print(response);
      Feed data = Feed.fromJson(response);
      return ApiResponse.completed(data);
    } on DioError catch (e) {
      print(e);
      return ApiResponse.error(e.error);
    }
  }

  Future _refresh() async {
    
    ApiResponse swiperResponse = await getFeedData(initPageUrl);
    if (!mounted) {
      return;
    }
    // 使用 status.COMPLETED 判断是否成功
    if (swiperResponse.status == Status.COMPLETED) {
      setState(() {
        nextPageUrl = swiperResponse.data!.nextPageUrl;
        _swiperList = [];
        _swiperList.addAll(swiperResponse.data!.issueList![0]!.itemList!);
        _itemList = [];
      });
      // 拉取新的，列表
      await _loading();
      // 使用 status.ERROR 判断是否失败
    } else if (swiperResponse.status == Status.ERROR) {
      setState(() {
        stateCode = 2;
      });
      // 错误的话，我们可以调用 getMessage() 获取错误信息。提示给用户（汉化后的友好提示语）
      String errMsg = swiperResponse.exception!.getMessage();
      publicToast(errMsg);
      print("发生错误，位置home bottomBar1 swiper， url: ${initPageUrl}");
      print(swiperResponse.exception);
    }
  }

如果要白嫖完整的方案

可以参考使用这套方案开发的 flutter + getx 仿开眼视频app，有star的大佬可以赏点star。

项目地址 github地址
apk下载 panbaidu 提取码：3ev2

你可能感兴趣的:(flutterdio)

  • 跟我学企业级flutter项目：如何用dio封装一套企业级可扩展高效的网络层 王二蛋和他的狗
    前言网上有很多，比如说“FlutterDio亲妈级别封装教程”这篇文章，该文章上有几点问题：重试机制代码错误token存取耦合很高网络请求只能针对单一地址进行访问网络请求缓存机制也不是很完美。一旦依照这样的封装去做，那么项目后期的扩展性和易用性会有一定的阻碍，那么如何做到token存取无耦合，而且还能让app多种网络地址一同请求，还可以做到针对不同请求不同超时时长处理，网络缓存还加入可自动清理的l
  • Flutter Dio源码分析(三)--深度剖析 Jimi
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • Flutter 极简 Dio 组件二次封装文档 半身风雪 #flutterdart语言入门flutterandroid
    FlutterDio组件二次封装文档前言一、添加依赖二、创建封装类三、使用封装类四、拦截器五、错误处理总结前言本文档介绍了如何通过二次封装FlutterDio组件来简化网络请求的过程。通过封装，我们可以提高代码复用性，简化调用方式，并添加一些常用的功能，使网络请求更加易于管理和维护。一、添加依赖首先，确保你的Flutter项目已经添加了Dio的依赖。在项目的pubspec.yaml文件中，添加以下
  • Flutter dio网络请求需在请求secret后的方式三：Future 独孤流
    上一篇:Flutterdio网络请求需在请求secret后的方式二：匿名函数前言最近在使用Flutter写一个简单的小demo，网络请求使用的是dio库。一般为了加强APP网络请求安全性，减少被某些第三方或个人乱刷API导致网络堵塞或信息泄露，需要APP或h5的所有业务请求接口里放一个从服务器获取的secret，也就说所有的请求都需要在获取secret的这个接口处理完成之后，在代码中每一次请求都要
  • flutter Charles 抓包动态获取代理ip 追风车的面瘫
    一.关于Charles的下载和配置可以参考Charleshttps抓包二.关于flutterdio设置代理简单说下几种方式：1.一种是运行的时候直接设置首先在dio初始化后直接设置如下voidcheckForCharlesProxy(Diodio){constcharlesIp=String.fromEnvironment('CHARLES_PROXY_IP',defaultValue:null)
  • Flutter图片上传(Dio + Image_picker) 醉挽清风_666
    PS:图片上传功能在项目中属于很常见的功能，网上也有蛮多图片上传的框架，看的眼花缭乱的。。。最后，本着自己最熟悉的才是最好的原则选择FlutterDio,所以项目中用的网络框架也是FlutterDio，直接拿来写个简单的demo，也算记录下Flutter踩坑心酸史吧。。。国际惯例（为了省事没做图片大小限制了。。。）test.gif废话不多说了，直接上代码，先添加两个依赖：dio:anyflutte
  • Flutter Dio源码分析(一)--Dio介绍 Jimi
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • flutterdio_Flutter - dio 简单封装 weixin_39670511 flutterdio
    结构apis文件配置API地址dio_utils文件是对dio的封装error_handle文件是异常处理http_utils项目接口请求管理类,(最终是通过调用这个文件进行网络请求)log_utils日志打印的一个第三方，可加可不加ps:暂时没有加拦截器结构调用import'package:jh_flutter_demo/http/http_utils.dart';HttpUtils.PostR
  • 跟我学企业级flutter项目：如何用dio封装一套企业级可扩展高效的网络层 二蛋和他的大花 flutterAndroid开发知多少android开发flutterandroiddart
    前言网上有很多，比如说“FlutterDio亲妈级别封装教程”这篇文章，该文章上有几点问题：重试机制代码错误token存取耦合很高网络请求只能针对单一地址进行访问网络请求缓存机制也不是很完美。一旦依照这样的封装去做，那么项目后期的扩展性和易用性会有一定的阻碍，那么如何做到token存取无耦合，而且还能让app多种网络地址一同请求，还可以做到针对不同请求不同超时时长处理，网络缓存还加入可自动清理的l
  • Flutter Dio源码分析(一)--Dio介绍 a18825136980 FlutterDio4.0源码分析flutter
    文章系列FlutterDio源码分析(一)–Dio介绍FlutterDio源码分析(二)–HttpClient、Http、Dio对比FlutterDio源码分析(三)–深度剖析FlutterDio源码分析(四)–封装视频系列FlutterDio源码分析(一)–Dio介绍视频教程FlutterDio源码分析(二)–HttpClient、Http、Dio对比视频教程FlutterDio源码分析(三)–
  • flutter dio网络请求封装经过多次修改更新 呕心沥血而成的封装版本 返回future 加入token的版本 MelroseQ flutter
    flutterdio网络请求封装经过多次修改更新呕心沥血而成的封装版本返回future由于我们的flutter，虽然已经有了Dio的网络请求插件，但是还是不够简单明了，所以在此基础上我们进行了相应的封装，话不多说，直接上代码可以对特定的code进行处理import'package:dio/dio.dart';import'package:flutter/material.dart';import'
  • Flutter网络请求库DIO的基本使用
    目录1.导入dio包2.导入并创建实例3.基本配置4.使用示例1.导入dio包目前dio库的最新版本是3.0.1,同使用其他三方库一样，Flutter中使用dio库同样需要配置pubspec.yaml文件。dependencies:flutter:sdk:flutterdio:^3.0.102.导入并创建实例dio包引入成功之后就可以创建dio实例了，一个实例可以发起多个请求，APP中如果只有一个
  • Flutter Dio源码分析(四)--封装 flutter
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • Flutter Dio源码分析(三)--深度剖析 flutter
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • Flutter Dio源码分析(二)--HttpClient、Http、Dio对比 flutter
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • Flutter Dio源码分析(一)--Dio介绍 flutter
    文章系列FlutterDio源码分析(一)--Dio介绍FlutterDio源码分析(二)--HttpClient、Http、Dio对比FlutterDio源码分析(三)--深度剖析FlutterDio源码分析(四)--封装视频系列FlutterDio源码分析(一)--Dio介绍视频教程FlutterDio源码分析(二)--HttpClient、Http、Dio对比视频教程FlutterDio源码
  • cookie持久化设置 姚姚先生
    由于公司APP开发网络请求涉及到cookie的的运用，自己抽点时间研究了一下，flutterdio中cookie的设置dio_cookie_managercookie_jar1.获取cookie，存储（持久化处理）,用到两个库，本身dio就是基于cookie_jar来管理cookie的import'package:dio_cookie_manager/dio_cookie_manager.dart
  • Flutter网络封装（一） 李小轰
    引言flutter网络请求我们使用dio库来实现：dependencies:flutter:sdk:flutterdio:^3.0.10一个基础网络库，通常我们将其分成两个部分：基础网络层数据模型转换层那今天，我们先来实现基础网络层的功能封装新建base_request.dart文件，封装requestOptions，并对外提供内容注入能力（子类重写）：typedefProgressCallbac
  • flutter dio网络请求封装实现 学富五车
    flutterdio网络请求封装实现文章友情链接:https://juejin.im/post/6844904098643312648在Flutter项目中使用网络请求的方式大致可分为两种，分别是Dart原生的网络请求HttpClient类以及第三方开源的网络请求库。在Dart社区开源的第三方http请求库中Flutter中文网开源的Dio库人气最高。  下面我们先来比较下这两种网络请求方式，然后
  • Flutter Dio 网络接口与请求数据 依然ゝ心碎 Flutter/Dart
    FlutterDio网络接口与请求数据想了想，感觉没什么好说的，像什么get，post，delete，download啥的，基本插件的使用文档都有，没什么好说的，但是我们实际项目写的时候，可不能那样写，容易引起别人笑话，所以说最基本的配置文件还需要我们自己动手去书写。我也不挨个的发了感觉没意思，就大致的把网络接口的数据模型发给大家，大家直接复制下来就能用，当然用的时候也要改一下一些参数，例如我们请
  • Flutter - dio 简单封装 西半球 Flutter
    demo地址:https://github.com/iotjin/jh_flutter_demoFlutterDio简单二次封装和自定义HeaderFlutterDio二次封装FlutterDio封装与使用Flutter封装dio，支持RestfulApiFlutter网络请求框架封装结构apis文件配置API地址dio_utils文件是对dio的封装error_handle文件是异常处理http
  • flutter对dio的优雅封装 一锅子鱼 flutter
    1.准备工作，相关内容flutterdio封装（增加loadingdialog）flutterdio封装（log打印）flutterdio封装（返回值泛型的处理）2.目录结构3.代码片段这边只列举get和post方法1).GET方法get(Stringurl,{HttpCallBacksuccess,HttpCallBackspecial,HttpCallBackerror,boolhasLoad
  • flutter 抖音无水印解析视频 u011389891 flutterdartandroidapp网络
    声明:这是学flutter的第一个应用,垃圾堆中的代码,然后,大神请无视,如果作为flutter初学者,可以尝试看看dependencies:flutter:sdk:flutterdio:^3.0.9video_player:^0.10.11+1http:^0.12.1getflutter:^1.0.11permission_handler:^4.2.0fluttertoast:^4.0.1pat
  • Flutter Dio网络请求:DioError [DioErrorType.RESPONSE]: XXX.XXX.XX.XX:XXXX[请求网络失败] 云烟飘渺00 Flutter
    【问题描述】：使用AndroidStudio在真机上调试Flutter项目的时候请求网络是正常的，但是在使用打包后的APK重新安装在真机上的时候发现无法出现效果，为了排查问题出现的问题，给请求涉及到的方法都增加了弹框,再次调试发现请求是网络失败，捕捉请求的异常并且增加弹框，弹出提示FlutterDio网络请求:DioError[DioErrorType.RESPONSE]:XXX.XXX.XX.X
  • Flutter - dio 简单封装 西半球_
    demo地址:https://github.com/iotjin/jh_flutter_demoFlutterDio简单二次封装和自定义HeaderFlutterDio二次封装FlutterDio封装与使用Flutter封装dio，支持RestfulApiFlutter网络请求框架封装结构apis文件配置API地址dio_utils文件是对dio的封装error_handle文件是异常处理http
  • Flutter Dio 拦截器退出登录 林家凌宇 Flutter
    文章目录FlutterDio拦截器退出登录拦截器拦截登录失效事件编写登录校验拦截器对dio设置拦截器拦截器设置通用参数无contextpush登录页面设置通用的NavigatorState实现无contextpush页面为什么可以推FlutterDio拦截器退出登录拦截器拦截登录失效事件编写登录校验拦截器编写对应的登录校验拦截器，对每次的请求callback事件进行拦截，获取对应的resultCo
  • Flutter 引入dio封装并实现数据请求 又一寒冬夜
    1.在flutter的根目录下找到pubspec.yaml，点击进入后在dependencies下添加dio:^2.1.0dependencies:flutter:sdk:flutterdio:^2.1.02.在根目录的lib文件夹创建创建公共的数据请求文件夹ajax_data,在文件夹里创建dio_http.dart文件,封装异步的http请求方法import'package:dio/dio.d
  • Flutter 仿探探编辑页图片展示控件 头发还没秃
    Flutter利用OverlayEntry实现Toast(进阶)FlutterDio二次封装PS：页面所有图片均来自涂鸦智能平台功能点布局：Flow拖拽排序：Draggable+DragTarget代码少，逻辑比较简单，注释也比较详细，我就直接上代码了暴露给使用者的属性classTTAlbumLayoutextendsStatefulWidget{TTAlbumLayout(this.imageP
  • Flutter图片上传java后台接收 cainiao183 flutter
    flutter用的FlutterDio框架上传的，后台srpingboot用springmvc和fileupload都没有取到。最后用servlet自带的取到了上代码：controller层加@MultipartConfig注解，取单个图片方法：Partpart=request.getPart("file");StringfileNames=getFileName(part);Stringpath
  • Flutter dio网络请求需在请求secret后的方式二：匿名函数 独孤流
    上一篇:Flutterdio网络请求需在请求secret后的方式一：请求时判断下一篇Flutterdio网络请求需在请求secret后的方式三：Future前言最近在使用Flutter写一个简单的小demo，网络请求使用的是dio库。一般为了加强APP网络请求安全性，减少被某些第三方或个人乱刷API导致网络堵塞或信息泄露，需要APP或h5的所有业务请求接口里放一个从服务器获取的secret，也就说
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他