文章系列
Flutter Dio源码剖析(一)–Dio介绍
Flutter Dio源码剖析(二)–HttpClient、Http、Dio比照
Flutter Dio源码剖析(三)–深度分析
Flutter Dio源码剖析(四)–封装
视频系列
Flutter Dio源码剖析(一)–Dio介绍视频教程
Flutter Dio源码剖析(二)–HttpClient、Http、Dio比照视频教程
Flutter Dio源码剖析(三)–深度分析视频教程
Flutter Dio源码剖析(四)–封装视频教程
源码仓库地址
github仓库地址
前言
在前文中咱们对Dio进行了根本介绍，也写了一个简略的示例，明天咱们持续来讲一下Flutter 网络申请的三种申请形式的比照，以达到更好了解Dio网络申请库的目标。
零碎自带网络申请HttpClient
步骤一：创立一个HttpClient
HttpClient httpClient = HttpClient();步骤二：关上http连贯,设置申请头
HttpClientRequest request = await httpClient.getUrl(Uri.parse("http://localhost:8080/getUserInfo"));步骤三：通过HttpClientRequest能够设置申请header
request.headers.add("token", "123456");步骤四：期待连贯服务器
HttpClientResponse response = await request.close();步骤五：读取响应内容
// 响应流数据以utf8编码格局返回
String responseBody = await response.transform(utf8.decoder).join();步骤六：申请完结,敞开httpClient
httpClient.close();残缺示例代码
import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
class HttpClientExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
void _getUserInfo() async {
try {
// 1. 创立httpClient
HttpClient httpClient = HttpClient();
// 2. 关上http连贯,设置申请头
HttpClientRequest request = await httpClient.getUrl(Uri.parse("http://localhost:8080/getUserInfo"));
// 3. 通过HttpClientRequest能够设置申请header
request.headers.add("token", "123456");
// 4. 期待连贯服务器
HttpClientResponse response = await request.close();
// 5. 读取响应内容
String responseBody = await response.transform(utf8.decoder).join();
// 6. 申请完结,敞开httpClient
httpClient.close();
print(responseBody);
} catch (e) {
print(e);
}
}
return Scaffold(
appBar: AppBar(
title: Text("DioExample"),
),
body: Center(
child: Column(
children: [
TextButton(
onPressed: _getUserInfo,
child: Text("发送get申请"),
)
],
),
),
);
}
}第三方网络申请库Http
步骤一：增加依赖
dependencies:
http: ^0.13.3 #latest version步骤二：导入库
import 'package:http/http.dart' as http;步骤三：发送申请
var response = await http.post(Uri.parse("http://localhost:8080/getUserInfo"));残缺实例代码
import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
class HttpClientExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
void _getUserInfo() async {
try {
// 1. 创立httpClient
HttpClient httpClient = HttpClient();
// 2. 关上http连贯,设置申请头
HttpClientRequest request = await httpClient.getUrl(Uri.parse("http://localhost:8080/getUserInfo"));
// 3. 通过HttpClientRequest能够设置申请header
request.headers.add("token", "123456");
// 4. 期待连贯服务器
HttpClientResponse response = await request.close();
// 5. 读取响应内容
String responseBody = await response.transform(utf8.decoder).join();
// 6. 申请完结,敞开httpClient
httpClient.close();
print(responseBody);
} catch (e) {
print(e);
}
}
return Scaffold(
appBar: AppBar(
title: Text("DioExample"),
),
body: Center(
child: Column(
children: [
TextButton(
onPressed: _getUserInfo,
child: Text("发送get申请"),
)
],
),
),
);
}
}第三方网络申请库Dio
步骤一：增加依赖
dependencies:
dio: ^4.0.0 #latest version步骤二：导入库
import 'package:dio/dio.dart';步骤三：发送申请
var response = await Dio().get('http://localhost:8080/getUserInfo');残缺示例代码
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
class DioExample extends StatelessWidget {
void _getUserInfo() async {
try {
var response = await Dio().get('http://localhost:8080/getUserInfo');
print(response);
} catch (e) {
print(e);
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("DioExample"),
),
body: Center(
child: Column(
children: [
TextButton(
onPressed: _getUserInfo,
child: Text("发送get申请"),
)
],
),
),
);
}
}总结
原生HttpClient发动网络申请十分的简单，很多货色还需本人手动解决。如果波及到上传、下载、断点续传 等那必定十分繁琐，不倡议应用。再来说一下Dio 和 http 两个第三方组件，他们封装的性能都差不多，反而 Dio 更弱小易用，而且从gitbub的Star来说，Dio10000 star，而http才691 star，该数据由2021年08月24日统计。
发表回复