flutter http框架简介

最新推荐文章于 2024-10-07 18:15:19 发布

做人要简单

最新推荐文章于 2024-10-07 18:15:19 发布

阅读量1.3k

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_28478281/article/details/87282494

版权

flutter 专栏收录该内容

56 篇文章 3 订阅

订阅专栏

本文介绍了Flutter的HTTP网络请求框架，由Dart团队开发。内容包括HTTP的基础API，如GET、POST等常见请求方法，如何增加请求头，以及POST请求的四种常见方式：form-data、x-www-form-urlencoded、raw文本和二进制流。该框架适用于大部分网络请求需求。

摘要由CSDN通过智能技术生成

http 简介

http 是一个 http 网络请求框架, 由 dart team 出品

与HttpClient不是一回事,至于和 dio 孰优孰劣自己见仁见智吧

通过pub下载

基础的 api

http 协议中有多种 METHOD,当然最常见的就是 GET POST,

因为最近几年 restful 协议的频繁使用,使得 PUT,DELETE,PATCH 方法也有了一定的使用率

基础使用

import 'package:http/http.dart' as http;
void get(String url) async {
    http.Response response = await http.get(url);

    // 其他的返回值都是一样的
    http.post(url);
    http.put(url);
    http.patch(url);
    http.delete(url);
    http.head(url);
}

增加请求头

  void headerDemo(String url, Map<String, String> headers) async {
    http.get(url, headers: headers);

    // 其他的方法相同
  }

post 常见的请求方式

常见的请求方式有如下几种(来自于postman)

或者使用 postman 查看也可以帮助加深理解

form-data

模拟表单上传

Future<String> postFormData(String url, Map<String, String> headers,
      Map<String, String> params, Map<String, File> files) async {
    Completer<String> completer = Completer();

    var request = http.MultipartRequest("POST", Uri.parse(url));

    request.fields.addAll(params);
    files.forEach((k, v) {
      var partFile = http.MultipartFile(
        k,
        v.readAsBytes().asStream(),
        v.lengthSync(),
      );
      request.files.add(partFile);
    });

    var ioClient = http.IOClient();
    var response = await ioClient.send(request);

    List<int> responseBody = [];

    response.stream.listen((data) {
      responseBody.addAll(data);
    }, onDone: () {
      var string = String.fromCharCodes(responseBody);
      completer.complete(string);
    }, onError: (err) {
      completer.completeError(err);
    });

    return completer.future;
  }

x-www-form-urlencoded

这个也是

  Future<http.StreamedResponse> xWwwFormUrlencoded(
      String url, Map<String, String> params) {
    var request = http.Request("POST", Uri.parse(url));
    request.bodyFields = params;
    return request.send();
  }

这里只需要简单的使用 bodyFild 设置 params 即可

参考源码可知

当 contentType 为空的时候会自动设置 contentType 为x-www-form-urlencoded

raw(文本)

这里有多种选择的原因是因为:有的时候部分第三方接口可能支持xml/json/protobuf等多种交互方案

流(binary 二进制)

其实目前很多的 api 接口对于 contentType 并不敏感,单纯的接收一个数据/图片或其他的信息,然后返回值

  Future<http.StreamedResponse> streamRequest(
      String url, List<int> streamContent) {
    var request = http.StreamedRequest("POST", Uri.parse(url));
    request.sink.add(streamContent);
    return request.send();
  }