一. 网络请求的方式

在Flutter中常见的网络请求方式有三种：HttpClient、http库、dio库；

1.1. HttpClient

HttpClient是dart自带的请求类，在io包中，实现了基本的网络请求相关的操作。
网络调用通常遵循如下步骤：

  1. 创建 client.
  2. 构造 Uri.
  3. 发起请求, 等待请求，同时您也可以配置请求headers、 body。
  4. 关闭请求, 等待响应.
  5. 解码响应的内容.

网络请求实例：

  1. void requestNetwork() async {
  2.   // 1.创建HttpClient对象
  3.   final httpClient = HttpClient();
  5.   // 2.构建请求的uri
  6.   final uri = Uri.parse("http://123.207.32.32:8000/api/v1/recommend");
  8.   // 3.构建请求
  9.   final request = await httpClient.getUrl(uri);
  11.   // 4.发送请求，必须
  12.   final response = await request.close();
  13.   if (response.statusCode == HttpStatus.ok) {
  14.     print(await response.transform(utf8.decoder).join());
  15.   } else {
  16.     print(response.statusCode);
  17.   }
  18. }

1.2. http库

http 是 Dart 官方提供的另一个网络请求类，相比于 HttpClient，易用性提升了不少。
但是，没有默认集成到Dart的SDK中，所以我们需要先在pubspec中依赖它：
http:^0.12.0+2

  1. import'package:http/http.dart'as http;
  3. void httpNetwork() async {
  4.   // 1.创建Client
  5.   final client = http.Client();
  7.   // 2.构建uri
  8.   final url = Uri.parse("http://123.207.32.32:8000/api/v1/recommend");
  10.   // 3.发送请求
  11.   final response = await client.get(url);
  13.   // 4.获取结果
  14.   if (response.statusCode == HttpStatus.ok) {
  15.     print(response.body);
  16.   } else {
  17.     print(response.statusCode);
  18.   }
  19. }

1.3. dio三方库

对于现代开发来说，要求的东西会更多：比如拦截器、取消请求、文件上传/下载、超时设置等等；
dio是一个强大的Dart Http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等…
使用dio三方库必然也需要先在pubspec中依赖它：
dio:^3.0.1

  1. import'package:dio/dio.dart';
  3. void dioNetwork() async {
  4.   // 1.创建Dio请求对象
  5.   final dio = Dio();
  7.   // 2.发送网络请求
  8.   final response = await dio.get("http://123.207.32.32:8000/api/v1/recommend");
  10.   // 3.打印请求结果
  11.   if (response.statusCode == HttpStatus.ok) {
  12.     print(response.data);
  13.   } else {
  14.     print("请求失败：${response.statusCode}");
  15.   }
  16. }

1.4. dio库的封装

  1. http_config.dart
  2. class HTTPConfig {
  3.   staticconst baseURL = "https://httpbin.org";
  4.   staticconst timeout = 5000;
  5. }
  7. http_request.dart
  8. import'package:dio/dio.dart';
  9. import'package:testflutter001/service/config.dart';
  11. class HttpRequest {
  12.   staticfinal BaseOptions options = BaseOptions(
  13.       baseUrl: HTTPConfig.baseURL, connectTimeout: HTTPConfig.timeout);
  14.   staticfinal Dio dio = Dio(options);
  16.   static Future<T> request<T>(String url,
  17.       {String method = 'get', Map<String, dynamic> params, Interceptor inter}) async {
  18.     // 1.请求的单独配置
  19.     final options = Options(method: method);
  21.     // 2.添加第一个拦截器
  22.     Interceptor dInter = InterceptorsWrapper(
  23.       onRequest: (RequestOptions options) {
  24.         // 1.在进行任何网络请求的时候, 可以添加一个loading显示
  26.         // 2.很多页面的访问必须要求携带Token,那么就可以在这里判断是有Token
  28.         // 3.对参数进行一些处理,比如序列化处理等
  29.         print("拦截了请求");
  30.         return options;
  31.       },
  32.       onResponse: (Response response) {
  33.         print("拦截了响应");
  34.         return response;
  35.       },
  36.       onError: (DioError error) {
  37.         print("拦截了错误");
  38.         return error;
  39.       }
  40.     );
  41.     List<Interceptor> inters = [dInter];
  42.     if (inter != null) {
  43.       inters.add(inter);
  44.     }
  45.     dio.interceptors.addAll(inters);
  47.     // 3.发送网络请求
  48.     try {
  49.       Response response = await dio.request<T>(url, queryParameters: params, options: options);
  50.       return response.data;
  51.     } on DioError catch(e) {
  52.       return Future.error(e);
  53.     }
  54.   }
  55. }

代码使用：

  1. HttpRequest.request("https://httpbin.org/get", params: {"name": "wulei", 'age': 18})
  2.   .then((res) {
  3.     print(res);
  4.     });
  6. HttpRequest.request("https://httpbin.org/post", method: "post", params: {"name": "why", 'age': 18})
  7.   .then((res) {
  8.       print(res);
  9.     });