Flutter學(xué)習(xí)（四）Http請求庫 dio代碼封裝
打開flutter package網(wǎng)站击敌，入口，找到dio這個(gè)組件圣蝎，查看最新版本
打開 項(xiàng)目根目錄下 ** pubspec.yaml ** 文件
添加庫名徘公，添加庫名
最好是填寫 any(** 添加兼容版本 **)关面，也或者直接從網(wǎng)站復(fù)制最新版本即可，
執(zhí)行 packages get 命令捂齐，安裝依賴
代碼部分
import 'package:dio/dio.dart';
import 'config.dart';//用于配置公用常量
class Http{
? static Http instance;
? static String token;
? static Config _config = new Config();
? static Dio _dio;
? Options _options;
? static Http getInstance(){
? ? print("getInstance");
? ? if(instance == null){
? ? ? instance? = new Http();
? ? }
? }
? Http(){
? // 初始化 Options
? ? _options =new Options(
? ? ? baseUrl: _config.base_url,
? ? ? connectTimeout: _config.connectTimeout,
? ? ? receiveTimeout: _config.receiveTimeout,
? ? ? headers: {}
? ? );
? ? _dio = new Dio(_options);
//發(fā)送請求攔截處理缩抡，例如：添加token使用
? ? _dio.interceptor.request.onSend = (Options options) async{
? ? ? print(options.baseUrl);
? ? ? return options;
? ? };
//請求成功攔截，簡化代碼中調(diào)用難度
? ? _dio.interceptor.response.onSuccess = (Response response) async{
? ? ? print(response.statusCode);
? ? ? return response;
? ? };
//請求失敗攔截
? ? _dio.interceptor.response.onError = (DioError e) {
? ? ? print(e);
? ? ? return e;
? ? };
? }
? // get 請求封裝
? get(url,{ options, cancelToken, data=null}) async {
? ? print('get:::url：$url ,body: $data');
? ? Response response;
? ? try{
? ? ? response = await _dio.get(
? ? ? ? ? url,
? ? ? ? ? data:data,
? ? ? ? ? cancelToken:cancelToken
? ? ? );
? ? }on DioError catch(e){
? ? ? if(CancelToken.isCancel(e)){
? ? ? ? print('get請求取消! ' + e.message);
? ? ? }else{
? ? ? ? print('get請求發(fā)生錯(cuò)誤：$e');
? ? ? }
? ? }
? ? return response.data;
? }
// post請求封裝
? post(url,{ options, cancelToken, data=null}) async {
? ? print('post請求::: url：$url ,body: $data');
? ? Response response;
? ? try{
? ? ? response = await _dio.post(
? ? ? ? ? url,
? ? ? ? ? data:data !=null ? data : {},
? ? ? ? ? cancelToken:cancelToken
? ? ? );
? ? ? print(response);
? ? }on DioError catch(e){
? ? ? if(CancelToken.isCancel(e)){
? ? ? ? print('get請求取消! ' + e.message);
? ? ? }else{
? ? ? ? print('get請求發(fā)生錯(cuò)誤：$e');
? ? ? }
? ? }
? ? return response.data;
? }
}
調(diào)用
頁面中引入文件:
import ‘util/http.dart’;
? var response = await Http().get(
? ? ? ? ? ? ? ? "tree/json",
? ? ? ? ? ? ? ? data: {'pageIndex': 1, 'pageSize': 10});
? ? print(response);
6.解析數(shù)據(jù)
官方推薦使用json_serializable進(jìn)行數(shù)據(jù)解析
下一章節(jié)貼上json_serializable的使用方法供大家參考，歡迎指正和互相交流榴都；
