Flutter Dio网络请求封装(GET,POST,图片上传)

一、前言

最近学习Flutter进行到了网络这一块，所以就花了点时间对网络请求进行了简单的封装，以便使用，网络请求基于Dio,具体使用可自行学习。

二、结构

• net.dart 基于Dio封装的get, post请求
• net_url.dart 对请求地址的统一管理
• net_util.dart 对net的二次封装，将地址添加进来，统一管理网络请求

image.png

三、代码

• net.dart,代码里都有注释

import 'dart:convert';
import 'package:dio/dio.dart';
import 'package:demo/model/base_model.dart';
/// 自定义枚举
enum Method {
  get,
  post
}

class Net{
  // 工厂模式
  factory Net() => _getInstance();
  static Net get instance => _getInstance();
  static Net _instance;

  Dio dio;
  Net._internal() {
    // 初始化
    dio = Dio(BaseOptions(
      connectTimeout: 60000,   // 连接服务器超时时间，单位是毫秒.
      receiveTimeout: 10000,   // 响应流上前后两次接受到数据的间隔，单位为毫秒, 这并不是接收数据的总时限.
      )
    );
  }
  // 单列模式
  static Net _getInstance() {
    if (_instance == null){
      _instance = Net._internal();
    }
    return _instance;
  }

  get(String url, Map params, {Function success,Function failure}){
    _doRequest(url, params, Method.get, success, failure);
  }

  post(String url, Map params, {Function success,Function failure}){
    _doRequest(url, params, Method.post, success, failure);
  }

  void _doRequest(String url, Map params ,Method method, Function successCallBack, Function failureCallBack) async{
      try{
     /// 可以添加header
     //  dio.options.headers.addAll({'token':xxx});
        Response response;
        switch (method){
          case Method.get:
            if (params != null && params.isNotEmpty){
              response = await dio.get(url,queryParameters: params);
            }else {
              response = await dio.get(url);
            }
            break;
          case Method.post:
            if (params != null && params.isNotEmpty){
              response = await dio.post(url,queryParameters: params);
            }else {
              response = await dio.post(url);
            }
            break;
        }
        Map result = json.decode(response.toString());
        // 打印信息
        print('''api: $url\nparams: $params\nresult: $result''');
       // 转化为model
        BaseModel model = BaseModel.fromJson(result);
        if (model.code == 200){ // 200 请求成功
          if (successCallBack != null){//返回请求数据
            successCallBack(model.data);
          }
        }else {
          //TODO
          //直接使用Toast弹出错误信息
          //返回失败信息
           if (failureCallBack != null){
             failureCallBack(model.error);
           }
        }
      }catch (exception){
        print('错误：${exception.toString()}');
        Fluttertoast.showToast(msg: "请求失败，请稍后再试");
        if (failureCallBack != null){
          failureCallBack(exception.toString());
        }
      }
  }

// 上传文件（图片）
doUploadFile(String url, File file, String loadingText,Function successCallBack,
      Function failureCallBack) async {
    try {
      String timeStamp = DateTime.now().millisecondsSinceEpoch.toString();
      FormData formData = FormData.from({
        'file': UploadFileInfo(file, '$timeStamp.jpg',
            contentType: ContentType.parse("image/jpeg"))
      });
      Response response = await dio.post(url, data: formData);
      print('$response'); // 在需要生成model时需要json格式
      Map result = json.decode(response.toString());
      assert(() {
        // assert只会在debug模式下执行，release模式下不会执行
        // 打印信息
        print('''api: $url\nresult: $result''');
        return true;
      }());

      BaseModel model = BaseModel.fromJson(result);
      if (model.code == 200) {
        // 200 请求成功
        if (successCallBack != null) {
          if (model.data != null) {
            successCallBack(model.data);
          } else {
            successCallBack({});
          }
        }
      } else {
        //Fluttertoast.showToast(msg: "${model.msg}");
        if (failureCallBack != null) {
          failureCallBack(model.msg);
        }
      }
    } catch (exception) { 
      assert(() {
        // 打印信息
        print('''api: $url\n错误：${exception.toString()}''');
        return true;
      }());

    //  Fluttertoast.showToast(msg: '加载失败');
      if (failureCallBack != null) {
        failureCallBack(exception.toString());
      }
    }
  }

}

• base_model.dart 上面使用到的model类

class BaseModel {
  int code;
  dynamic data;
  String error;

  BaseModel({this.code, this.data, this.error});

  BaseModel.fromJson(Map json) {
    code = json['code'];
    data = json['data'];
    error = json['error'];
  }
}

• net_url.dart 请求地址

class NetUrl {
  /// 服务器地址
  static const String BASE_URL = "http://www.dio.com";
  /// 登录接口
  static const String LOGIN_USER  = BASE_URL + '/login';
}

• net_util.dart 请求的二次封装,具体到某个请求，隐藏接口

import "net.dart";
import 'net_url.dart';
class NetUtil {
  // 登录
   static void login(Map params,{Function success, Function failure}){
      Net().post(NetUrl.LOGIN_USER, params,success: success, failure: failure);
   }
}

4、具体使用

 void requestData(){
    var params = {'username':'xxx','password':'xxxx'};
    NetUtil.login(params,success: (response){

    },failure: (error){
      
    });
  }

5、总结

以上封装还有几点待完善

• 1、可以加上请求时的HUD，请求成功就消失掉
• 2、在net.dart,TODO的地方使用toast弹出错误信息，相当于将错误信息集中处理
  至此网络请求封装与使用都完成了，有什么问题欢迎留言探讨，如果对你有帮助或者你喜欢的话，给个赞吧♥️！