dio,二次封装

封装核心思想

将请求地址隐藏起来,并对http请求数据加盐保密。

  1. 固定请求地址, request URL 所有接口都是同一个
  2. 接口详解,apiCode区别各个接口,sign对请求加盐保密,白名单定义token是否需要传,params包裹传输数据
  3. 调用方式支持await异步,避免回调地狱
  4. 请求使用拦截器Interceptor处理各个部分

请求结果效果图如下:
在这里插入图片描述

封装后,优雅调用

// 调用方法
 Future _submit() async {
   var params = Map<String, String>();
   params["phone"] = '13812346666';

   var res = await http.request(Api.GET_CODE, params);

   if (res.data["code"] == 0) {
     print('验证码发送成功');
   } else {
     print(res.data["msg"]);
   }
 }

封装完整文件

import 'dart:async' show Future;
import 'dart:collection' show HashMap;
import 'dart:convert';
import 'package:dio/dio.dart'
    show Dio, Options, DioError, Response, DioErrorType;
import './result_data.dart';
import '../constants/constants.dart';
import './interceptors/token_interceptor.dart' show TokenInterceptors;
import './interceptors/header_interceptor.dart' show HeaderInterceptors;
import './interceptors/log_interceptor.dart' show LogsInterceptors;
import './interceptors/error_interceptor.dart' show ErrorInterceptors;
import 'interceptors/api_interceptor.dart' show ApiInterceptors;
// import './result_data.dart' show ResultData;
import './code.dart' show Code;

class HTTP {
  static const CONTENT_TYPE_JSON = 'application/json';
  static const CONTENT_TYPE_FROM = 'application/x-www-form-urlencoded';

  static HTTP inst;

  static HTTP getInstance() {
    if (inst != null) {
      return inst;
    }
    inst = new HTTP();
    return inst;
  }

  Dio _dio = new Dio();

  TokenInterceptors _tokenInterceptors = new TokenInterceptors();

  HTTP() {
    _dio.interceptors.add(new HeaderInterceptors());
    // _dio.interceptors.add(_tokenInterceptors);
    _dio.interceptors.add(new LogsInterceptors());
    _dio.interceptors.add(new ErrorInterceptors(_dio));
    _dio.interceptors.add(new ApiInterceptors());
  }

  Future<ResultData> request(
    String apiCode,
    data, {
    Map<String, dynamic> headers,
    Options options,
    isNoTip = false,
  }) async {
    Map<String, dynamic> _headers = new HashMap();
    if (headers != null) {
      _headers.addAll(headers);
    }

    if (options != null) {
      options.headers = _headers;
    } else {
      options = new Options(method: 'post');
      options.headers = _headers;
    }

    Response response;
    try {
      data["apiCode"] = apiCode;
      // 注意,所有data数据都要encode变为json字符串.
      response = await _dio.request(Constants.BASE_URL,
          data: json.encode(data), options: options);
    } on DioError catch (error) {
      return resultError(error, isNoTip);
    }

    if (response.data is DioError) {
      return resultError(response.data, isNoTip);
    }

    return response.data;
  }

  clearAuthorization() {
    _tokenInterceptors.clearAuthorization();
  }

  getAuthorization() async {
    return _tokenInterceptors.getAuthorization();
  }

  resultError(DioError error, bool isNoTip) {
    Response errorResponse;
    if (error.response != null) {
      errorResponse = error.response;
    } else {
      errorResponse = new Response(statusCode: 666);
    }

    if (error.type == DioErrorType.CONNECT_TIMEOUT ||
        error.type == DioErrorType.RECEIVE_TIMEOUT) {
      errorResponse.statusCode = Code.NETWORK_TIMEOUT;
    }

    return new ResultData(
      Code.errorHandleFunction(
        errorResponse.statusCode,
        error.message,
        isNoTip,
      ),
      false,
      errorResponse.statusCode,
    );
  }
}

final HTTP http = HTTP.getInstance();

完整文件,lib/api文件

--------------如果文章对你有用,请右上角点赞/收藏,谢谢-------------

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用 Flutter Dio 进行网络请求时,可以将其进行封装,以便于代码的复用和维护。以下是一个简单的 Flutter Dio 封装示例: ```dart import 'package:dio/dio.dart'; class HttpUtil { static HttpUtil instance; Dio dio; BaseOptions options; // 构造函数 HttpUtil() { options = BaseOptions( baseUrl: 'https://api.example.com/', // 接口地址 connectTimeout: 5000, // 连接超时时间 receiveTimeout: 3000, // 接收超时时间 headers: { 'Content-Type': 'application/json', // 设置请求头 }, ); dio = Dio(options); } // 单例模式 static HttpUtil getInstance() { if (instance == null) { instance = HttpUtil(); } return instance; } // GET 请求 Future<Map<String, dynamic>> get(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.get(url, queryParameters: params); } on DioError catch (e) { return Future.error(e); } return response.data; } // POST 请求 Future<Map<String, dynamic>> post(String url, {Map<String, dynamic> params}) async { Response response; try { response = await dio.post(url, data: params); } on DioError catch (e) { return Future.error(e); } return response.data; } } ``` 在上述示例中,我们定义了一个 HttpUtil 类,其中包含了 Dio 实例的初始化、GET 和 POST 请求的封装。我们可以通过 `HttpUtil.getInstance()` 获取 HttpUtil 的单例对象,然后通过调用 `get` 或 `post` 方法来发起网络请求。这样做的好处是可以将网络请求的相关设置和配置统一管理,方便后续的维护和扩展。同时,通过封装,也避免了在多个地方重复编写相同的代码。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值