多种网络请求方式，这么骚气的操作确定不来看看嘛？

前言：

兄弟们，网络真是个好东西，里面去个个都是人才，说话又好听，超喜欢在里面。

确实，网络已经是我们日常生活中密不可分的一部分了

那咱们今天就来讲讲Flutter里的网络。

本节内容：

1.Dart 原生的网络请求 HttpClient

2.第三方网络请求 http

3.Flutter 发布的 dio (这个可是不得了)

1.Dart 原生的网络请求 HttpClient

对于初学者来说，使用dart 中的HttpClient发起的请求，能快速接入HTTP网络请求。

但HttpClient本身功能较弱，很多常用功能都不支持。

第一步：导入dart:io包

import 'dart:io';

第二步：创建一个HttpClient

HttpClient httpClient = new HttpClient();

该 httpClient支持常用的HTTP操作： such as GET, POST, PUT, DELETE.

第三步：打开Http连接，设置请求头

Uri uri=Uri(scheme: "https", host: "flutterchina.club", queryParameters: {"userName":"chen","password":"123456"}); //在这里可以设置比如 Get 请求、Post 请求、Delete 请求HttpClientRequest request = await httpClient.getUrl(uri);

第四步：等待连接服务器（异步请求哦）

HttpClientResponse response = await request.close();

第五步：读取响应内容

if (response.statusCode == HttpStatus.ok) {_content = await response.transform(Utf8Decoder()).join();
}

第六步：断开连接

httpClient.close();

这是最简单的方法，但是过于麻烦，还有 Cookie 的管理也是比较困难的

2.第三方网络请求 http

第一步：安装 http

参考：https://pub.flutter-io.cn/packages/http

http: ^0.12.2

在pubspec.yaml中配置保存后,记得put get~

Get 请求

void getRequest() async {var client = http.Client();http.Response response = await client.get(url_2);_content = response.body;}

Post 请求

  void postRequest() async {var params = Map<String, String>();params["username"] = "hellonews";params["password"] = "123456";var client = http.Client();var response = await client.post(url_post, body: params);_content = response.body;}

其实说了这么多作用不大，毕竟开发追求的效率

之间上压轴好戏！！！

3.dio请求

官网最新版和文档：https://pub.flutter-io.cn/packages/dio

dependencies:dio: ^4.0.0

咱们先来一个简单的例子

import 'package:dio/dio.dart';void main() async {var dio = Dio();final response = await dio.get('https://www.baidu.com');print(response.data);
}

这样肯定是不符合我们的开发日常需求的

我们来进行封装

dio的封装：

记得自己把包导入啊!!!,本节使用的是4.0.0的dio版本~

const int _connectTimeout = 15000; //15s
const int _receiveTimeout = 15000;
const int _sendTimeout = 10000;typedef Success<T> = Function(T data);
typedef Fail = Function(int code, String msg);
class DioUtils {// default optionsstatic const String TOKEN = '';static Dio _dio;// 创建 dio 实例对象static Dio createInstance() {if (_dio == null) {/// 全局属性：请求前缀、连接超时时间、响应超时时间var options = BaseOptions(/// 请求的Content-Type，默认值是"application/json; charset=utf-8"./// 如果您想以"application/x-www-form-urlencoded"格式编码请求数据,/// 可以设置此选项为 `Headers.formUrlEncodedContentType`,  这样[Dio]就会自动编码请求体.
//        contentType: Headers.formUrlEncodedContentType, // 适用于post form表单提交responseType: ResponseType.json,validateStatus: (status) {// 不使用http状态码判断状态，使用AdapterInterceptor来处理（适用于标准REST风格）return true;},baseUrl: APIs.apiPrefix,
//        headers: httpHeaders,connectTimeout: _connectTimeout,receiveTimeout: _receiveTimeout,sendTimeout: _sendTimeout,);_dio = new Dio(options);}return _dio;}// 清空 dio 对象static clear() {_dio = null;}// 请求，返回参数为 T// method：请求方法，Method.POST等// path：请求地址// params：请求参数// success：请求成功回调// error：请求失败回调static Future request<T>(Method method, String path, dynamic params,{Success success, Fail fail}) async {try {//没有网络var connectivityResult = await (new Connectivity().checkConnectivity());if (connectivityResult == ConnectivityResult.none) {_onError(ExceptionHandle.net_error, '网络异常，请检查你的网络！', fail);return;}Dio _dio = createInstance();Response response = await _dio.request(path,data: params, options: Options(method: MethodValues[method]));if (response != null) {if (success != null) {success(response.data);}} else {_onError(ExceptionHandle.unknown_error, '未知错误', fail);}} on DioError catch (e) {//      LogUtils.print_('请求出错：' + e.toString());final NetError netError = ExceptionHandle.handleException(e);_onError(netError.code, netError.msg, fail);}}
}/// 自定义Header
Map<String, dynamic> httpHeaders = {'Accept': 'application/json,*/*','Content-Type': 'application/json','token': DioUtils.TOKEN
};void _onError(int code, String msg, Fail fail) {if (code == null) {code = ExceptionHandle.unknown_error;msg = '未知异常';}LogUtils.print_('接口请求异常： code: $code, msg: $msg');if (fail != null) {fail(code, msg);}
}Map<String, dynamic> parseData(String data) {return json.decode(data) as Map<String, dynamic>;
}enum Method { GET, POST, DELETE, PUT, PATCH, HEAD }
//使用：MethodValues[Method.POST]
const MethodValues = {Method.GET: "get",Method.POST: "post",Method.DELETE: "delete",Method.PUT: "put",Method.PATCH: "patch",Method.HEAD: "head",
};

网络异常处理：

import 'dart:io';import 'package:dio/dio.dart';class ExceptionHandle {static const int success = 200;static const int success_not_content = 204;static const int unauthorized = 401;static const int forbidden = 403;static const int not_found = 404;static const int net_error = 1000;static const int parse_error = 1001;static const int socket_error = 1002;static const int http_error = 1003;static const int timeout_error = 1004;static const int cancel_error = 1005;static const int unknown_error = 9999;static NetError handleException(DioError error) {if (error is DioError) {if (error.type == DioErrorType.DEFAULT ||error.type == DioErrorType.RESPONSE) {dynamic e = error.error;if (e is SocketException) {return NetError(socket_error, '网络异常，请检查你的网络！');}if (e is HttpException) {return NetError(http_error, '服务器异常！');}if (e is FormatException) {return NetError(parse_error, '数据解析错误！');}return NetError(net_error, '网络异常，请检查你的网络！');} else if (error.type == DioErrorType.CONNECT_TIMEOUT ||error.type == DioErrorType.SEND_TIMEOUT ||error.type == DioErrorType.RECEIVE_TIMEOUT) {//  连接超时 || 请求超时 || 响应超时return NetError(timeout_error, '连接超时！');} else if (error.type == DioErrorType.CANCEL) {return NetError(cancel_error, '取消请求');} else {return NetError(unknown_error, '未知异常');}} else {return NetError(unknown_error, '未知异常');}}}class NetError {int code;String msg;NetError(this.code, this.msg);
}

完成啦，有疑问的话请添加我的练习方式哦~

欢迎留言纠正 ~ 不妨给个点赞哈哈

我是阿T一个幽默的程序员我们下期再见~

添加我为你的好友，领取源码以及Flutter学习资料~

加入我们吧，一起学习，一起进步~