版權(quán)聲明：本文為博主原創(chuàng)文章，轉(zhuǎn)載請注明出處颓芭！
網(wǎng)絡(luò)請求是每個項目中都非常重要的一個環(huán)節(jié)顷锰，在Flutter中也有多種方式，這邊我使用到的是dio庫亡问，這是一個API非常完整的庫官紫，具體的介紹和使用我這里就不做過多的介紹，大家去從這個鏈接去看看(dio)就行州藕。
為了更加方便我們的使用束世，我對其再做一層封裝，里面會包含各種表單提交方式慎框，json提交方式等良狈，另外還包含一個統(tǒng)一的登錄異常的監(jiān)聽，和一個統(tǒng)一的數(shù)據(jù)處理和統(tǒng)一的異常處理等笨枯。下面還是老樣子薪丁，我們具體代碼中見：
class NetUtil {
static final debug = false;
static BuildContext context = null;
/// 服務(wù)器路徑
static final host = 'http://xxxxxxxx';
static final baseUrl = host + '/api/';
/// 基礎(chǔ)信息配置
static final Dio _dio = new Dio(new Options(
method: "get",
baseUrl: baseUrl,
connectTimeout: 5000,
receiveTimeout: 5000,
followRedirects: true));
/// 代理設(shè)置，方便抓包來進(jìn)行接口調(diào)節(jié)
// static void setProxy() {
// _dio.onHttpClientCreate = (HttpClient client) {
// // config the http client
// client.findProxy = (uri) {
// //proxy all request to localhost:8888
// return "PROXY 192.168.1.151:8888";
// };
// // you can also create a new HttpClient to dio
// // return new HttpClient();
// };
// }
static String token;
static final LogicError unknowError = LogicError(-1, "未知異常");
static Future<Map<String, dynamic>> getJson<T>(
String uri, Map<String, dynamic> paras) =>
_httpJson("get", uri, data: paras).then(logicalErrorTransform);
static Future<Map<String, dynamic>> getForm<T>(
String uri, Map<String, dynamic> paras) =>
_httpJson("get", uri, data: paras, dataIsJson: false)
.then(logicalErrorTransform);
/// 表單方式的post
static Future<Map<String, dynamic>> postForm<T>(
String uri, Map<String, dynamic> paras) =>
_httpJson("post", uri, data: paras, dataIsJson: false)
.then(logicalErrorTransform);
/// requestBody (json格式參數(shù)) 方式的 post
static Future<Map<String, dynamic>> postJson(
String uri, Map<String, dynamic> body) =>
_httpJson("post", uri, data: body).then(logicalErrorTransform);
static Future<Map<String, dynamic>> deleteJson<T>(
String uri, Map<String, dynamic> body) =>
_httpJson("delete", uri, data: body).then(logicalErrorTransform);
/// requestBody (json格式參數(shù)) 方式的 put
static Future<Map<String, dynamic>> putJson<T>(
String uri, Map<String, dynamic> body) =>
_httpJson("put", uri, data: body).then(logicalErrorTransform);
/// 表單方式的 put
static Future<Map<String, dynamic>> putForm<T>(
String uri, Map<String, dynamic> body) =>
_httpJson("put", uri, data: body, dataIsJson: false)
.then(logicalErrorTransform);
/// 文件上傳 返回json數(shù)據(jù)為字符串
static Future<T> putFile<T>(String uri, String filePath) {
var name =
filePath.substring(filePath.lastIndexOf("/") + 1, filePath.length);
var suffix = name.substring(name.lastIndexOf(".") + 1, name.length);
FormData formData = new FormData.from({
"multipartFile": new UploadFileInfo(new File(filePath), name,
contentType: ContentType.parse("image/$suffix"))
});
var enToken = token == null ? "" : Uri.encodeFull(token);
return _dio
.put<Map<String, dynamic>>("$uri?token=$enToken", data: formData)
.then(logicalErrorTransform);
}
static Future<Response<Map<String, dynamic>>> _httpJson(
String method, String uri,
{Map<String, dynamic> data, bool dataIsJson = true}) {
var enToken = token == null ? "" : Uri.encodeFull(token);
/// 如果為 get方法馅精，則進(jìn)行參數(shù)拼接
if (method == "get") {
dataIsJson = false;
if (data == null) {
data = new Map<String, dynamic>();
}
data["token"] = token;
}
if (debug) {
print('<net url>------$uri');
print('<net params>------$data');
}
/// 根據(jù)當(dāng)前 請求的類型來設(shè)置 如果是請求體形式則使用json格式
/// 否則則是表單形式的（拼接在url上）
Options op;
if (dataIsJson) {
op = new Options(contentType: ContentType.parse("application/json"));
} else {
op = new Options(
contentType: ContentType.parse("application/x-www-form-urlencoded"));
}
op.method = method;
/// 統(tǒng)一帶上token
return _dio.request<Map<String, dynamic>>(
method == "get" ? uri : "$uri?token=$enToken",
data: data,
options: op);
}
/// 對請求返回的數(shù)據(jù)進(jìn)行統(tǒng)一的處理
/// 如果成功則將我們需要的數(shù)據(jù)返回出去严嗜，否則進(jìn)異常處理方法，返回異常信息
static Future<T> logicalErrorTransform<T>(Response<Map<String, dynamic>> resp) {
if (resp.data != null) {
if (resp.data["code"] == 0) {
T realData = resp.data["data"];
return Future.value(realData);
}
}
if (debug) {
print('resp--------$resp');
print('resp.data--------${resp.data}');
}
LogicError error;
if (resp.data != null && resp.data["code"] != 0) {
if (resp.data['data'] != null) {
/// 失敗時 錯誤提示在 data中時
/// 收到token過期時 直接進(jìn)入登錄頁面
Map<String, dynamic> realData = resp.data["data"];
error = new LogicError(resp.data["code"], realData['codeMessage']);
} else {
/// 失敗時 錯誤提示在 message中時
error = new LogicError(resp.data["code"], resp.data["message"]);
}
} else {
error = unknowError;
}
return Future.error(error);
}
///獲取授權(quán)token
static getToken() async {
String token = await LocalStorage.get(LocalStorage.TOKEN_KEY);
return token;
}
}
/// 統(tǒng)一異常類
class LogicError {
int errorCode;
String msg;
LogicError(errorCode, msg) {
this.errorCode = errorCode;
this.msg = msg;
}
}
上面就完成了基本的封裝洲敢，基本涵蓋了所有的方法漫玄，除了下載，下面我們再來看看統(tǒng)一的登錄異常的處理压彭，當(dāng)監(jiān)聽到異地登錄的情況或者其他登錄異常時睦优，我們是需要讓用戶知道的，有時候還需要直接進(jìn)入登錄頁面壮不，這里就涉及到了路由的跳轉(zhuǎn)汗盘，需要context這個參數(shù)，為了得到這個context询一，這時候我們可以寫一個監(jiān)聽類來結(jié)合接口使用
class LoginInvalidHandler {
BuildContext currentContext;
LoginInvalidHandler(this.currentContext);
Future<Null> loginInvalidHandler(dynamic errorMsg) {
if (errorMsg != null &&
errorMsg is LogicError &&
errorMsg.errorCode == 10000) {
LocalStorage.clearLoginInfo();
Fluttertoast.showToast(
msg: '您的登錄已過期隐孽，請重新登錄',
gravity: ToastGravity.CENTER,
timeInSecForIos: 3);
/// 進(jìn)入登錄頁的路由跳轉(zhuǎn)
// NavigatorUtils.goPwdLogin(currentContext);
return Future.error(errorMsg);
}
return Future.error(errorMsg);
}
}
Future<Null> nullFutureHandler(dynamic data){
return Future.value(null);
}
有了這些以后嗎癌椿，一切都準(zhǔn)備好了，接下來就是接口了菱阵，我們可以寫一個Api類,這里我就簡單的寫兩個接口示例：
/// 所有接口請求
class ApiInterface {
/// 獲取短信驗證碼
static final String _API_GET_SMS = "user/sendPhoneSms";
static Future<Map<String, dynamic>> getSmsCode(
String flag, String phoneNum, String vefifyCode) async {
/// 調(diào)用封裝的NetUtil 踢俄，這里合理選擇方法即可，比如請求體的方式傳參數(shù)
return NetUtil.postJson(_API_GET_SMS,
{"flagId": flag, "phone": phoneNum, "vefifyCode": vefifyCode});
}
/// 在需要進(jìn)行登錄校驗的接口上進(jìn)行LoginInvalidHandler 異常檢測
/// LoginInvalidHandler handler 帶token過期 自動進(jìn)入登錄頁的 檢測
/// 這里使用的putForm 晴及，即表單方式傳遞參數(shù)
static final String _API_SET_PPWD = "user/set/word";
static Future<Map<String, dynamic>> tradepassword(LoginInvalidHandler handler,
String tradePassword, String checkTradePassword) async {
return NetUtil.putForm(_API_SET_PPWD, {
'tradePassword': tradePassword,
'checkTradePassword': checkTradePassword
}).catchError(handler.loginInvalidHandler);
}
最后就是進(jìn)行調(diào)用了
/// 調(diào)用
ApiInterface.tradepassword(
LoginInvalidHandler(context), ‘sss’,'kjkkl') .then((data) {
/// 請求成功 進(jìn)行成功的邏輯處理
}).catchError((errorMsg) {
/// 請求失敗 進(jìn)入了自定義的error攔截
if (errorMsg is LogicError) {
LogicError logicError = errorMsg;
} else {
/// 請求失敗 dio異常
}
});
進(jìn)行了上述的封裝之后都办，我們用起來就非常的順手了，寫起代碼來那是鍵盤敲得飛起奥羌凇脆丁！
喜歡的小伙伴們點點 贊哦！
代碼來啦Github傳送門
喜歡的話动雹，麻煩點點star哦！
