Flutter -- 进阶网络请求

Posted 2022-08-02 Kevin-Dev

文章目录

• • 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: ^4.0.6

导入依赖：

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: ^0.13.4

导入依赖：

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 本身功能较弱，很多常用功能不支持。