Flutter Dio二次封裝的實(shí)現(xiàn)
更新時(shí)間：2020年01月13日 08:27:45 作者：頭發(fā)還沒禿
這篇文章主要介紹了Flutter Dio二次封裝的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
目錄：
- DioManager：Dio輔助類NWMethod：請(qǐng)求方法，get、post等
- NWApi：大家都知道
- EntityFactory：json轉(zhuǎn)換輔助工廠，把json轉(zhuǎn)為T
- BaseEntity<T>：數(shù)據(jù)基類，返回的參數(shù)為 {“code”: 0, “message”: “”, “data”: {}}
- BaseListEntity<T>：數(shù)據(jù)基類2，返回的參數(shù)為 {“code”: 0, “message”: “”, “data”: []}
- ErrorEntity：請(qǐng)求報(bào)錯(cuò)基類，{“code”: 0, “message”: “”}
EntityFactory：
class EntityFactory {
static T generateOBJ<T>(json) {
if (json == null) {
return null;
}
//可以在這里加入任何需要并且可以轉(zhuǎn)換的類型，例如下面
// else if (T.toString() == "LoginEntity") {
// return LoginEntity.fromJson(json) as T;
// }
else {
return json as T;
}
}
}
BaseEntity：
class BaseEntity<T> {
int code;
String message;
T data;
BaseEntity({this.code, this.message, this.data});
factory BaseEntity.fromJson(json) {
return BaseEntity(
code: json["code"],
message: json["msg"],
// data值需要經(jīng)過工廠轉(zhuǎn)換為我們傳進(jìn)來的類型
data: EntityFactory.generateOBJ<T>(json["data"]),
);
}
}
BaseListEntity：
class BaseListEntity<T> {
int code;
String message;
List<T> data;
BaseListEntity({this.code, this.message, this.data});
factory BaseListEntity.fromJson(json) {
List<T> mData = List();
if (json['data'] != null) {
//遍歷data并轉(zhuǎn)換為我們傳進(jìn)來的類型
(json['data'] as List).forEach((v) {
mData.add(EntityFactory.generateOBJ<T>(v));
});
}
return BaseListEntity(
code: json["code"],
message: json["msg"],
data: mData,
);
} }
ErrorEntity：
class ErrorEntity {
int code;
String message;
ErrorEntity({this.code, this.message});
}
NWApi：
class NWApi {
static final baseApi = "https://easy-mock.bookset.io/mock/5dfae67d4946c20a50841fa7/example/";
static final loginPath = "user/login";//接口返回：{"code": int, "message": "String", "data": {"account": "String", "password": "String"}}
static final queryListPath = "/query/list";//接口返回：{"code": ing, "message": "String", "data": [int, int, String, int, String, int]}
static final queryListJsonPath = "/query/listjson";//接口返回：{"code": int, "message": "String", "data": [{"account": "String", "password": "String"}， {"account": "String", "password": "String"}]}
}
NWMethod：
enum NWMethod {
GET,
POST,
DELETE,
PUT
}
//使用：NWMethodValues[NWMethod.POST]
const NWMethodValues = {
NWMethod.GET: "get",
NWMethod.POST: "post",
NWMethod.DELETE: "delete",
NWMethod.PUT: "put"
};
下面就可以進(jìn)行正式的封裝了：
第一步是創(chuàng)建Dio的單例輔助類，并初始化Dio和對(duì)Dio進(jìn)行一些全局的參數(shù)設(shè)置：
import 'package:dio/dio.dart';
import 'package:flutter_app/network/NWApi.dart';
import 'package:flutter_app/utils/PrintUtil.dart';
class DioManager {
static final DioManager _shared = DioManager._internal();
factory DioManager() => _shared;
Dio dio;
DioManager._internal() {
if (dio == null) {
BaseOptions options = BaseOptions(
baseUrl: NWApi.baseApi,
contentType: Headers.jsonContentType,
responseType: ResponseType.json,
receiveDataWhenStatusError: false,
connectTimeout: 30000,
receiveTimeout: 3000,
);
dio = Dio(options);
}
}
}
第二步對(duì)請(qǐng)求進(jìn)行封裝，在我的想法中 {“code”: 0, “message”: “”, “data”: {}} 和 {“code”: 0, “message”: “”, “data”: []} 這兩種數(shù)據(jù)是要分開兩個(gè)請(qǐng)求方法的：
// 請(qǐng)求，返回參數(shù)為 T
// method：請(qǐng)求方法，NWMethod.POST等
// path：請(qǐng)求地址
// params：請(qǐng)求參數(shù)
// success：請(qǐng)求成功回調(diào)
// error：請(qǐng)求失敗回調(diào)
Future request<T>(NWMethod method, String path, {Map params, Function(T) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseEntity entity = BaseEntity<T>.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: "未知錯(cuò)誤"));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}
// 請(qǐng)求，返回參數(shù)為 List
// method：請(qǐng)求方法，NWMethod.POST等
// path：請(qǐng)求地址
// params：請(qǐng)求參數(shù)
// success：請(qǐng)求成功回調(diào)
// error：請(qǐng)求失敗回調(diào)
Future requestList<T>(NWMethod method, String path, {Map params, Function(List) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseListEntity entity = BaseListEntity<T>.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: "未知錯(cuò)誤"));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}
提取請(qǐng)求錯(cuò)誤處理方法createErrorEntity：
// 錯(cuò)誤信息
ErrorEntity createErrorEntity(DioError error) {
switch (error.type) {
case DioErrorType.CANCEL:{
return ErrorEntity(code: -1, message: "請(qǐng)求取消");
}
break;
case DioErrorType.CONNECT_TIMEOUT:{
return ErrorEntity(code: -1, message: "連接超時(shí)");
}
break;
case DioErrorType.SEND_TIMEOUT:{
return ErrorEntity(code: -1, message: "請(qǐng)求超時(shí)");
}
break;
case DioErrorType.RECEIVE_TIMEOUT:{
return ErrorEntity(code: -1, message: "響應(yīng)超時(shí)");
}
break;
case DioErrorType.RESPONSE:{
try {
int errCode = error.response.statusCode;
String errMsg = error.response.statusMessage;
return ErrorEntity(code: errCode, message: errMsg);
// switch (errCode) {
// case 400: {
// return ErrorEntity(code: errCode, message: "請(qǐng)求語法錯(cuò)誤");
// }
// break;
// case 403: {
// return ErrorEntity(code: errCode, message: "服務(wù)器拒絕執(zhí)行");
// }
// break;
// case 404: {
// return ErrorEntity(code: errCode, message: "無法連接服務(wù)器");
// }
// break;
// case 405: {
// return ErrorEntity(code: errCode, message: "請(qǐng)求方法被禁止");
// }
// break;
// case 500: {
// return ErrorEntity(code: errCode, message: "服務(wù)器內(nèi)部錯(cuò)誤");
// }
// break;
// case 502: {
// return ErrorEntity(code: errCode, message: "無效的請(qǐng)求");
// }
// break;
// case 503: {
// return ErrorEntity(code: errCode, message: "服務(wù)器掛了");
// }
// break;
// case 505: {
// return ErrorEntity(code: errCode, message: "不支持HTTP協(xié)議請(qǐng)求");
// }
// break;
// default: {
// return ErrorEntity(code: errCode, message: "未知錯(cuò)誤");
// }
// }
} on Exception catch(_) {
return ErrorEntity(code: -1, message: "未知錯(cuò)誤");
}
}
break;
default: {
return ErrorEntity(code: -1, message: error.message);
}
}
}
完整的 DioManager 類代碼：
import 'package:dio/dio.dart';
import 'package:flutter_app/network/entity/BaseEntity.dart';
import 'package:flutter_app/network/entity/BaseListEntity.dart';
import 'package:flutter_app/network/entity/EntityFactory.dart';
import 'package:flutter_app/network/entity/ErrorEntity.dart';
import 'package:flutter_app/network/NWApi.dart';
import 'package:flutter_app/network/NWMethod.dart';
class DioManager {
static final DioManager _shared = DioManager._internal();
factory DioManager() => _shared;
Dio dio;
DioManager._internal() {
if (dio == null) {
BaseOptions options = BaseOptions(
baseUrl: NWApi.baseApi,
contentType: Headers.jsonContentType,
responseType: ResponseType.json,
receiveDataWhenStatusError: false,
connectTimeout: 30000,
receiveTimeout: 3000,
);
dio = Dio(options);
}
}
// 請(qǐng)求，返回參數(shù)為 T
// method：請(qǐng)求方法，NWMethod.POST等
// path：請(qǐng)求地址
// params：請(qǐng)求參數(shù)
// success：請(qǐng)求成功回調(diào)
// error：請(qǐng)求失敗回調(diào)
Future request<T>(NWMethod method, String path, {Map params, Function(T) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseEntity entity = BaseEntity<T>.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: "未知錯(cuò)誤"));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}
// 請(qǐng)求，返回參數(shù)為 List
// method：請(qǐng)求方法，NWMethod.POST等
// path：請(qǐng)求地址
// params：請(qǐng)求參數(shù)
// success：請(qǐng)求成功回調(diào)
// error：請(qǐng)求失敗回調(diào)
Future requestList<T>(NWMethod method, String path, {Map params, Function(List<T>) success, Function(ErrorEntity) error}) async {
try {
Response response = await dio.request(path, queryParameters: params, options: Options(method: NWMethodValues[method]));
if (response != null) {
BaseListEntity entity = BaseListEntity<T>.fromJson(response.data);
if (entity.code == 0) {
success(entity.data);
} else {
error(ErrorEntity(code: entity.code, message: entity.message));
}
} else {
error(ErrorEntity(code: -1, message: "未知錯(cuò)誤"));
}
} on DioError catch(e) {
error(createErrorEntity(e));
}
}
// 錯(cuò)誤信息
ErrorEntity createErrorEntity(DioError error) {
switch (error.type) {
case DioErrorType.CANCEL:{
return ErrorEntity(code: -1, message: "請(qǐng)求取消");
}
break;
case DioErrorType.CONNECT_TIMEOUT:{
return ErrorEntity(code: -1, message: "連接超時(shí)");
}
break;
case DioErrorType.SEND_TIMEOUT:{
return ErrorEntity(code: -1, message: "請(qǐng)求超時(shí)");
}
break;
case DioErrorType.RECEIVE_TIMEOUT:{
return ErrorEntity(code: -1, message: "響應(yīng)超時(shí)");
}
break;
case DioErrorType.RESPONSE:{
try {
int errCode = error.response.statusCode;
String errMsg = error.response.statusMessage;
return ErrorEntity(code: "$errCode", message: errMsg);
// switch (errCode) {
// case 400: {
// return ErrorEntity(code: errCode, message: "請(qǐng)求語法錯(cuò)誤");
// }
// break;
// case 403: {
// return ErrorEntity(code: errCode, message: "服務(wù)器拒絕執(zhí)行");
// }
// break;
// case 404: {
// return ErrorEntity(code: errCode, message: "無法連接服務(wù)器");
// }
// break;
// case 405: {
// return ErrorEntity(code: errCode, message: "請(qǐng)求方法被禁止");
// }
// break;
// case 500: {
// return ErrorEntity(code: errCode, message: "服務(wù)器內(nèi)部錯(cuò)誤");
// }
// break;
// case 502: {
// return ErrorEntity(code: errCode, message: "無效的請(qǐng)求");
// }
// break;
// case 503: {
// return ErrorEntity(code: errCode, message: "服務(wù)器掛了");
// }
// break;
// case 505: {
// return ErrorEntity(code: errCode, message: "不支持HTTP協(xié)議請(qǐng)求");
// }
// break;
// default: {
// return ErrorEntity(code: errCode, message: "未知錯(cuò)誤");
// }
// }
} on Exception catch(_) {
return ErrorEntity(code: -1, message: "未知錯(cuò)誤");
}
}
break;
default: {
return ErrorEntity(code: -1, message: error.message);
}
}
}
}
使用：
// 返回 LoginEntity
DioManager().request<LoginEntity>(
NWMethod.POST,
NWApi.loginPath,
params: {"account": "421789838@qq.com", "password": "123456"},
success: (data) {
print("success data = $data"});
}, error: (error) {
print("error code = ${error.code}, massage = ${error.message}");
}
);
// 返回 List
DioManager().requestList<LoginEntity>(
NWMethod.POST,
NWApi.queryListJsonPath,
params: {"account": "421789838@qq.com", "password": "123456"},
success: (data) {
print("success data = $data"});
}, error: (error) {
print("error code = ${error.code}, massage = ${error.message}");
}
);
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Android編程之Button控件用法,較為詳細(xì)的分析了Button控件的功能、定義及相關(guān)使用注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
android實(shí)用工具類分享(獲取內(nèi)存/檢查網(wǎng)絡(luò)/屏幕高度/手機(jī)分辨率)
這篇文章主要介紹了android實(shí)用工具類,包括獲取內(nèi)存、檢查網(wǎng)絡(luò)、屏幕高度、手機(jī)分辨率、獲取版本號(hào)等功能,需要的朋友可以參考下2014-03-03
Android 判斷屏幕開關(guān)狀態(tài)方式總結(jié)
這篇文章主要介紹了Android 判斷屏幕開關(guān)狀態(tài)方式總結(jié)的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了android雙緩沖技術(shù)實(shí)例詳解,需要的朋友可以參考下2014-07-07
Android手機(jī)屏幕px與dp互轉(zhuǎn)的工具類
今天小編就為大家分享一篇關(guān)于Android手機(jī)屏幕px與dp互轉(zhuǎn)的工具類，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-03-03
想在首頁加個(gè)從左滑動(dòng)出來的菜單，我查閱網(wǎng)上資料，并自己摸索，實(shí)現(xiàn)了左、右兩邊都能滑出菜單，并且，左、右菜單中，都可以加ListView等這類需要解決GestureDetector沖突的問題2013-06-06
Android實(shí)現(xiàn)儀表盤控件開發(fā)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)儀表盤控件開發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Android自定義View控件實(shí)現(xiàn)多種水波紋漣漪擴(kuò)散效果
這篇文章主要給大家介紹了關(guān)于Android自定義View控件實(shí)現(xiàn)多種水波紋漣漪擴(kuò)散效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
Android開啟動(dòng)畫之漸隱漸現(xiàn)效果
這篇文章主要為大家詳細(xì)介紹了Android開啟動(dòng)畫之漸隱漸現(xiàn)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
本文詳細(xì)解讀了Dcloud的H5+API中webview draw使用方法,并給出draw截圖的Android,iOS通用方法,希望對(duì)大家有所幫助2018-09-09