[Day22] Flutter GetX with Dio (一)

Dio

Dio是 http request的framework
也可以用内建的HttpClient或是http,
选择Dio则是觉得简单好用
还有interceptors拦截.

那废话不多说 直接上code
用singleton封装成自己要的class,
这边叫HttpUtil, server host统一写在 BASEURL这里,
可以在request前後,或发生例外状况时增加拦截,
这边碍於长度 就只列出get方法,其他的请参考下面附录的GitHub.

const BASEURL = "https://newsapi.org/v2";

class HttpUtil {
  static final HttpUtil _instance = HttpUtil._internal();
  late Dio dio;

  factory HttpUtil() => _instance;

  HttpUtil._internal() {
    BaseOptions options = BaseOptions();
    options.baseUrl = BASEURL;
    options.receiveTimeout = 10000; 
    options.connectTimeout = 8000; 
    options.contentType = 'application/json';
    dio = Dio(options);

    // 添加拦截
    dio.interceptors.add(InterceptorsWrapper(onRequest: (options, handler) {
      // Do something before request is sent
      handler.next(options);
    }, onResponse: (response, handler) {
      // Do something with response data
      return handler.next(response); // continue
    }, onError: (DioError error, handler) async {
      // Do something with response error
      return handler.next(error);
    }));
  }

  Future get(String path,
      {dynamic params, Options? options, CancelToken? cancelToken}) async {
    try {
      setTokenToOptions();
      var response = await dio.get(path,
          queryParameters: params, cancelToken: cancelToken);
      return response;
    } on DioError catch (e) {
      createErrorEntity(e);
      return e;
    }
  }
}

本篇有参考自对岸猫哥的GitHub

本篇的GitHub source code

下一篇继续位大家介绍Dio
(fetch News API, JOSN parsing, 与GetX结合)