flutter dio+rxdart

线上flutter 接口请求基本架构（线上实际项目搭建 不多讲直接上代码）

首先添加库： pubspec.yaml 目录下：

  dio: ^2.1.2 #dio 请求框架
  rxdart: ^0.21.0 #rx框架
复制代码

接口请求工具类：

class ApiDio {
  static ApiDio instance;
  static ApiService apiService;
  ApiDio(){
    var options = new BaseOptions(
        connectTimeout: 5000,
        receiveTimeout: 3000,
        baseUrl:TTicarConfig.baseUrl,// api 头部例如 https://www.baidu.com
        contentType: new ContentType('application', 'x-www-form-urlencoded',
            charset: 'utf-8'));
    Dio dio = new Dio(options);
    dio.interceptors.add(AuthInterceptor());// 添加 token
    dio..interceptors.add(LogInterceptor(responseBody: true, requestBody: true)); //添加日志
    apiService= new ApiService(dio);
  }

  static ApiService getInstance() {
    if (instance == null) {
      instance = new ApiDio();
    }
    return _getApiService();
  }
  static  ApiService _getApiService() {
    return apiService;
  }
}
/// AuthInterceptor
///
/// 添加header认证
class AuthInterceptor extends Interceptor {
  String PLATFORM = "android";//可根据代码进行判断
  String CLIENT = "store";
  @override
  onRequest(RequestOptions options) async{
    Map<String, String> headers = new Map();
    headers["Accept-Charset"] = "utf-8";
    headers["Connection"] = "keep-alive";
    headers["Accept"] = "*/*";
    headers["x-version"] = TTicarConfig.VERSION_NAME;//自己更改配置
    headers["x-platform"] = PLATFORM;
    headers["x-client"] = CLIENT;
    headers["x-equCode"] = TTicarConfig.equCode;//自己更改配置
    headers["Authorization"] = TTicarConfig.TOKEN;//自己更改配置

    options.headers=headers;
    return super.onRequest(options);
  }

}
复制代码

设置请求类型（post get 可自己添加想要的类型）

class ApiService {
  ApiService(this.dio);
  Dio dio;
  //get请求结构
  Future _get(String url, {Map<String, dynamic> params}) async {
    var response = await dio.get(url, queryParameters: params);
    return response.data;
  }
  //post
  Future _post(String url, Map<String, dynamic> params) async {
    var response = await dio.post(url, data: params);
    return response.data;
  }

  Observable post(String url, Map<String, dynamic> params) =>
      Observable.fromFuture(_post(url, params)).asBroadcastStream();

  
  Observable get(String url, {Map<String, dynamic> params}) =>
      Observable.fromFuture(_get(url, params: params)).asBroadcastStream();

}
复制代码

设置请求接口的工具类 (这不可以精简不需要或者通过注解的方式)

class TTicarWork {
  /*
  * 我的收藏商品列表
  * */
  Observable loadCollectGood(String pageNum, String pageSize) {
    Map<String, String> map = new Map();
    map["pageNum"] = pageNum;
    map["pageSize"] = pageSize;
    return ApiDio.getInstance().get("collection/good/list", params: map);
  }

}
复制代码

请求接口

  new TTicarWork().loadCollectGood(pageNum, "20").listen((request) {
      //接口请求成功 （request为map） 自己设置解析数据
      
    }, onError: (e) {//请求异常等
    
    });
复制代码

目前这个框架的缺陷 （如有更好的操作进行@我，我会逐渐修复）

1.没有通过注解的方式进行请求数据
2.没有自动解析数据
3.没有对网络进行判断（可以自行添加拦截器进行拦截判断）

复制代码

转载于:https://juejin.im/post/5cc7f79cf265da03775c5de5