网络操作实践 2022-05-19 周四

简介

Dart IO库中提供了用于发起Http请求的一些类,我们可以直接使用HttpClient来发起请求。就像iOS开发中,系统提供了URLSession,可以直接用,但是大多数情况,还是会选择第三方库AFNetworking。所以,在Flutter中也差不多,HttpClient也很少会直接用,而是找响应的第三方库。
Flutter中的网络库,基本上用Dio

引入

 dio: ^4.0.6

基本使用

import 'package:dio/dio.dart';

Dio dio =  Dio();
Response response;

// get
response = await dio.get("/test", queryParameters:{"id":12,"name":"wendu"});
print(response);

// post
response = await dio.post("/test", data:{"id":12,"name":"wendu"});
print(response);

包装成单例

一般都会在外面包一层,做一个单例,Dio对象作为内部成员。

class DioManager {
  /// *********************************** 实例变量 ***********************************

  Dio dio;
  String dioManageID;

  /// [DioManager]持有的 - 静态的final实例对象, 并进行初始化
  static final DioManager _dioManager = DioManager._instance();

  /// *********************************** 构造函数 ***********************************

  /// [DioManager]私有的 自定义命名式构造方法, Ps:instance不是关键字, 可随意命名
  /// 加 _ 表示该命名式构造函数为[DioManager]私有, 外部是不可调用的,
  /// 从而确保该命名式构造函数的使用, 仅可用来创建 _dioManager 这个静态的final实例对象
  DioManager._instance() {
    dio = Dio();
    dioManageID = "看看ID是啥" + Random().nextInt(1000).toString();
  }

  /// 工厂化的主构造函数 - 返回私有的实例对象
  /// 返回的就是唯一的实例 _dioManager
  factory DioManager() {
    return _dioManager;
  }
}

外包装类是单例,内部的成员变量就理所当然只有一个。

结果函数封装

在iOS开发中,结果用block。在这里,可以直接使用函数作为参数。

typedef Success<T> = Function(T data);
typedef Fail<T> = Function(T data);

泛型是Objective-C没有的特性

错误封装

Objective-C中的NSError虽然有点啰嗦,不过将code和message封装起来表示错误信息是非常好的。flutter和dart中没有类似的,所以自己封装一个

class NetError {
  int code;
  String msg;

  NetError(this.code, this.msg);
}

网络可达性

是不是有网络,网络状态检查,这个功能Dio中没有,需要用到其他的插件

connectivity_plus: ^2.3.0
  • 插件使用:
import 'package:connectivity_plus/connectivity_plus.dart';

var connectivityResult = await (Connectivity().checkConnectivity());
if (connectivityResult == ConnectivityResult.mobile) {
  // I am connected to a mobile network.
} else if (connectivityResult == ConnectivityResult.wifi) {
  // I am connected to a wifi network.
}
  • 网络状态,采用枚举的方式定义:
/// Connection status check result.
enum ConnectivityResult {
  /// Bluetooth: Device connected via bluetooth
  bluetooth,

  /// WiFi: Device connected via Wi-Fi
  wifi,

  /// Ethernet: Device connected to ethernet network
  ethernet,

  /// Mobile: Device connected to cellular network
  mobile,

  /// None: Device not connected to any network
  none
}

调试log封装

log对于网络的的调试来说还是有作用的。

  • 可以自己写,比如用debugPrint();

  • 或者通过常数(都是bool变量)kReleaseMode,kDebugMode,kProfileMode判断模式,然后调用print()打印log

  • 也可以用插件,比如:pretty_dio_logger

封装哪个API?

  • 最上层的API就是常用的get(), post()等等

  • 中间层的API是request()

  • 最底层的API是fetch()

  • 其实,封装哪层都是有道理的,这里选择第二层的request();这点和AFNetworking很像:既可以直接用最顶层的Get,POST方法,也可以用底层一点,自己组建UIRequest的方法。
    下面的文章就是封装request()的例子。

  • Method有多种,可以用一个枚举来表示。

enum Method { GET, POST, DELETE, PUT, PATCH, HEAD }
//使用:MethodValues[Method.POST]
const MethodValues = {
  Method.GET: "get",
  Method.POST: "post",
  Method.DELETE: "delete",
  Method.PUT: "put",
  Method.PATCH: "patch",
  Method.HEAD: "head",
};

这种定义枚举,并且给枚举赋值的方式很常用。枚举用来做选择,枚举的值用来做实际的参数等,很方便。

  • 对于request()方法的封装。这里把Future变成了block,不是非常好。但是,适合用惯了AFNetworking的。
// 请求,返回参数为 T
  // method:请求方法,Method.POST等
  // path:请求地址
  // params:请求参数
  // success:请求成功回调
  // error:请求失败回调
  static Future request<T>(Method method, String path, dynamic params,
      {required Success success, required Fail fail}) async {
    try {
      //没有网络
      var connectivityResult = await (new Connectivity().checkConnectivity());
      if (connectivityResult == ConnectivityResult.none) {
        _onError(ExceptionHandle.net_error, '网络异常,请检查你的网络!', fail);
        // BotToast.cleanAll();
        return;
      }
      Dio? _dio = createInstance();
      var data;
      var queryParameters;
      if (method == Method.GET) {
        queryParameters = params;
      }
      if (method == Method.POST||method == Method.PUT||method == Method.DELETE) {
        data = params;
      }
      Map<String, dynamic> headers = {
        'Accept': 'application/json,*/*',
        'Content-Type': 'application/json',
        'Authorization': LocalStorage.get(LocalStorageKeys.TOKENHEAD)!=null?
        LocalStorage.get(LocalStorageKeys.TOKENHEAD)+' '+LocalStorage.get(LocalStorageKeys.TOKEN):'',
        };
      Response response = await _dio!.request(path,
          data: data,
          queryParameters: queryParameters,
          options: Options(method: MethodValues[method],headers: headers,responseType: ResponseType.plain));
      if (response != null) {
        if (success != null) {
          success(response);
        }
      } else {
        _onError(ExceptionHandle.unknown_error, '未知错误', fail);
      }
    } on DioError catch (e) {
      // BotToast.cleanAll();
      // ToastUtils.showText('服务异常,请稍后再试!');
      LogUtils.print_('请求出错:' + e.toString());
      final NetError netError = ExceptionHandle.handleException(e);
      // _onError(netError.code, netError.msg, fail);
      _onError(netError.code, e.error.source, fail);
    }
  }
}

参考文章

Flutter Dio源码分析(四)--封装

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容