【Flutter -- 进阶】网络请求

文章目录

• ​​1. dart io发起的请求​​

• ​​1.1 get请求​​
• ​​1.2 post请求​​

• ​​2. dio 请求​​

• ​​2.1 get请求​​
• ​​2.2 post请求​​

• ​​3. http 库​​

• ​​3.1 get请求​​
• ​​3.2 post请求​​

Flutter 的请求网络有多种方式：

• 使用​​dart io​​ 中的 HttpClient 发起的请求
• 使用​​dio​​ 库
• 使用​​http​​库。

1. dart io发起的请求

1.1 get请求

import 'dart:io';//导IO包
import 'dart:convert';//解码和编码JSON
void main() {
  _get();
}

_get() async{
  var responseBody;
  //1.创建HttpClient
  var httpClient = new HttpClient();
  //2.构造Uri
  var requset = await httpClient.getUrl(Uri.parse("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1"));
  //3.关闭请求，等待响应
  var response = await requset.close();
  //4.进行解码，获取数据
  if(response.statusCode == 200){
      //拿到请求的数据
      responseBody = await response.transform(utf8.decoder).join();
      //先不解析打印数据
      print(responseBody);
  }else{
    print("error");
  }
  
}

结果如下：

1.2 post请求

_post() async{
  var responseBody;
  //1.创建HttpClient
  var httpClient = new HttpClient();
  //2.构造Uri
  var requset = await httpClient.postUrl(Uri.parse("http://www.wanandroid.com/user/login?username=1&password=123456"));
  //3.关闭请求，等待响应
  var response = await requset.close();
  //4.进行解码，获取数据
  if(response.statusCode == 200){
  //拿到请求的数据
  responseBody = await response.transform(utf8.decoder).join();
  //先不解析打印数据
    print(responseBody);
  }else{
    print("error");
  }

}

结果如下：

2. dio 请求

​​dio​​​ 是一个强大的 Dart Http 请求库，支持​​Restful API、FormData​​​、拦截器、错误处理、转换器、设置Http代理、请求取消、Cookie 管理、文件上传和下载、超时等。在​​pub.flutter-io.cn/packages​​搜最新的依赖包，这个网址太好用，你想搜一些三方库里面都有：

在​​pubspec.yaml​​添加依赖：

dio:

导入依赖：

import 'package:dio/dio.dart';

2.1 get请求

//dio get请求
dio_get() async{
  try{
      Response response;
      //等待返回response
      response = await Dio().get("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1");
      if(response.statusCode == 200){
        print(response);
      }else{
        print("error");
      }
  }catch(e){
     print(e);

  }

}

2.2 post请求

dio_post() async{
  try{
    Response response;
    response = await Dio().post("http://www.wanandroid.com/user/login?username=1&password=123456");
    if(response.statusCode == 200){
      print(response);
    }else{
      print("error");
    }
  }catch(e){
    print(e);
  }
}

3. http 库

在​​pubspec.yaml​​添加依赖：

http:

导入依赖：

import 'package:http/http.dart' as my_http;

​​as​​​ 这个关键字，这是什么意思呢？通过​​as​​是为了解决变量名冲突的方法，因为导入不同的库有可能遇到不同库之间因为导入变量名冲突的问题。

3.1 get请求

//http库的get请求方式
http_get() async{
  try{
    //因为导入http 用了as xxx方式，所以对象请求都用xxx.get方式
    var response = await my_http.get("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1");
    if(response.statusCode == 200){
      //打印返回的数据
      print(response.body);
    }else{
      print("error");
    }
  }catch(e){
    print(e);
  }
}

3.2 post请求

//http库的post请求方式
http_post() async{
  try{
    //因为导入http 用了as xxx方式，所以对象请求都用xxx.get方式
    var response = await my_http.post("http://www.wanandroid.com/user/login?username=1&password=123456");
    if(response.statusCode == 200){
      //打印返回的数据
      print(response.body);
    }else{
      print("error");
    }
  }catch(e){
    print(e);
  }
}

以上三种库的 get 和 psot 方式都实践了一遍，在平时开发中最好用 ​​dio库​​​ 和 ​​http库​​ ，因为 dart io 中是使用 HttpClient 发起的请求，HttpClient 本身功能较弱，很多常用功能不支持。