成為一名優(yōu)秀的Android開發(fā)汽馋，需要一份完備的知識體系铭拧，在這里甲捏，讓我們一起成長為自己所想的那樣~。
前言
在Android開發(fā)中如果我們想要請求網(wǎng)絡(luò)莲祸，可以使用HttpClent赂韵、HttpURLConnection章鲤，但在項目中一般都會使用OkHttp和Retrofit。在Flutter也是如此怕轿，系統(tǒng)提供了HttpClient偷崩，但在項目中一般會使用第三方庫，比如http和Dio撤卢，如果你想找到更多的第三庫环凿，可以在pub.dartlang.org/ 上查找想要的庫。本篇文章以Dio為例放吩，另外還會介紹JSON數(shù)據(jù)解析方面的知識智听。
1.Dio的使用入門
Dio是一個強大的Dart Http請求庫，支持攔截器，全局配置到推，F(xiàn)ormData考赛，請求取消，文件下載莉测，超時等颜骤。
添加依賴 在pubspec.yaml中添加依賴。
dependencies:
dio: 2.1.7
復制代碼
官網(wǎng)給出了一個簡單的例子：
import 'package:dio/dio.dart';
void getHttp() async {
try {
Response response = await Dio().get("http://liuwangshu.com");
print(response);
} catch (e) {
print(e);
}
}
復制代碼
如果想要發(fā)送一個GET請求:
Response response;
response=await dio.get("/test?id=3&name=liuwangshu")
print(response.data.toString());
// 請求參數(shù)也可以通過對象傳遞捣卤，上面的代碼等同于：
response=await dio.get("/test",data:{"id":3,"name":"liuwangshu"})
print(response.data.toString());
復制代碼
發(fā)送一個POST 請求:
response=await dio.post("/test",data:{"id":3,"name":"liuwangshu"})
復制代碼
發(fā)送一個FormData：
FormData formData = new FormData.from({
"name": "liuwangshu",
"age": 18,
});
response = await dio.post("/info", data: formData);
復制代碼
還有很多示例在github上忍抽，地址為：github.com/flutterchin…
2.Dio訪問網(wǎng)絡(luò)的例子
import 'dart:convert';
import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
var _ipAddress = 'Unknown';
_getIPAddress() async {//1
var url = 'https://httpbin.org/ip';
Dio _dio = Dio();
String result;
try {
var response = await _dio.get(url);//2
if (response.statusCode == HttpStatus.ok) {
var data= jsonDecode(response.toString());//3
result = data['origin'];
} else {
result =
'Error getting IP status ${response.statusCode}';
}
} catch (exception) {
result =exception.toString();
}
if (!mounted) return;
setState(() {
_ipAddress = result;//4
});
}
@override
Widget build(BuildContext context) {
var spacer = SizedBox(height: 10.0);
return Scaffold(
body: Padding(
padding: EdgeInsets.all(100.0),
child: Column(
children: <Widget>[
Text('IP地址為：'),
spacer,
Text('$_ipAddress'),
spacer,
RaisedButton(
onPressed: _getIPAddress,
child: Text('請求網(wǎng)絡(luò)'),
),
],
),
),
);
}
}
復制代碼
async和await是Dart語言用來支持異步編程的關(guān)鍵字，注釋1處的async關(guān)鍵字使得_getIPAddress方法變?yōu)榱水惒椒椒ǘ⑨?處的await關(guān)鍵字只能在異步方法中使用鸠项，它使得注釋2處后面的代碼等到get請求返回后再執(zhí)行。 如果網(wǎng)絡(luò)請求返回的狀態(tài)碼為200子姜，就在注釋3處進行Json解析祟绊，將結(jié)果賦值給result變量。 當我們點擊界面上按鈕時哥捕，會調(diào)用_getIPAddress方法牧抽，在注釋4處將請求的結(jié)果賦值給_ipAddress并顯示在Text中。 網(wǎng)絡(luò)請求成功后遥赚，效果如下圖扬舒。
3.JSON數(shù)據(jù)解析
常用的JSON數(shù)據(jù)解析方式主要有三種，這里分別介紹下鸽捻。
3.1 使用json.decode()方法
第2小節(jié)的例子用到的就是json.decode()方法呼巴，需要引入dart:convert庫。json.decode() 方法會將 String類型數(shù)據(jù)解析成Map數(shù)據(jù)結(jié)構(gòu)：Map<String, dynamic>, 取數(shù)據(jù)的格式為object[key]御蒲。 上面例子中返回的JOSN數(shù)據(jù)為：
{
"origin": "111.193.7.70, 111.193.7.70"
}
復制代碼
對于不復雜的JOSN數(shù)據(jù)使用json.decode()方法是一個不錯的選擇衣赶，但實際項目中的JOSN數(shù)據(jù)會復雜一些，如果每次取數(shù)據(jù)都用object[key]厚满，那么很容易出錯府瞄。
3.2手動編寫實體類
用一個model來保存數(shù)據(jù)，使得數(shù)據(jù)序列化碘箍。 我們可以新建一個ip.dart：
class Ip {
String origin;
Ip(this.origin);
Ip.fromJson(Map<String, dynamic> json) : origin = json['origin'];
Map<String, dynamic> toJson() => {
"origin": origin,
};
}
復制代碼
然后修改main.dart:
import 'dart:convert';
import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
import 'model/ip.dart';
...
class _MyHomePageState extends State<MyHomePage> {
var _ipAddress = 'Unknown';
_getIPAddress() async {
var url = 'https://httpbin.org/ip';
Dio _dio = Dio();
String result;
try {
var response = await _dio.get(url);
if (response.statusCode == HttpStatus.ok) {
var data= jsonDecode(response.toString());
var ip=Ip.fromJson(data);//1
result = ip.origin;
}
...
}
...
}
復制代碼
注釋1處通過Ip.fromJson就可以獲取ip的實體遵馆，這樣就可以完成賦值等操作了。
3.3 自動生成實體類
一般項目中Json數(shù)據(jù)會比較繁多丰榴，每次重復寫實體類的模版代碼顯然枯燥無意義货邓，可以使用一些工具來生成實體類。 比如使用網(wǎng)頁自動生成： app.quicktype.io/ 四濒。轉(zhuǎn)換的實體類如下所示换况。
import 'dart:convert';
Ip ipFromJson(String str) => Ip.fromJson(json.decode(str));
String ipToJson(Ip data) => json.encode(data.toJson());
class Ip {
String origin;
Ip({
this.origin,
});
factory Ip.fromJson(Map<String, dynamic> json) => new Ip(
origin: json["origin"],
);
Map<String, dynamic> toJson() => {
"origin": origin,
};
}
復制代碼
除了使用網(wǎng)頁生成职辨，還可以使用開源的JSONFormat4Flutter： github.com/debuggerx01…
使用json_serializable
除了以上提到的工具，還可以使用json_serializable戈二。 json_serializable是一個自動化的源代碼生成器舒裤，可以方便的生成JSON實體類。 首先在pubspec.yaml加入如下依賴觉吭，
dependencies:
json_annotation: ^2.4.0
dev_dependencies:
build_runner: ^1.0.0
json_serializable: ^3.0.0
復制代碼
在AS的Terminal中運行flutter packages get命令腾供，用來在項目中使用這些新的依賴項。 接著實現(xiàn)ip實體類鲜滩。
import 'package:json_annotation/json_annotation.dart';
// ip.g.dart 將在我們運行生成命令后自動生成
part 'ip.g.dart';
//告訴生成器伴鳖，這個類需要生成Model類
@JsonSerializable()
class Ip{
Ip(this.origin);
String origin;
factory Ip.fromJson(Map<String, dynamic> json) => _$IpFromJson(json);
Map<String, dynamic> toJson() => _$IpToJson(this);
}
復制代碼
關(guān)鍵的在于@JsonSerializable()，它用于告訴生成器绒北，Ip類是需要生成的Model類黎侈。在Terminal窗口運行如下命令生成ip.g.dart文件。
flutter packages pub run build_runner build
復制代碼
如何使用見3.2節(jié)就可以了闷游，使用json_serializable可以讓我們忽略Ip類中的任何手動JSON序列化 。源代碼生成器會在同一個目錄下生成Ip.g.dart贴汪，如下所示脐往。
// GENERATED CODE - DO NOT MODIFY BY HAND
part of 'ip.dart';
// **************************************************************************
// JsonSerializableGenerator
// **************************************************************************
Ip _$IpFromJson(Map<String, dynamic> json) {
return Ip(json['origin'] as String);
}
Map<String, dynamic> _$IpToJson(Ip instance) =>
<String, dynamic>{'origin': instance.origin};
復制代碼
該文件有著必需的序列化邏輯，目前Flutter官方推薦的就是使用json_serializable扳埂。
作者：劉望舒
鏈接：https://juejin.cn/post/6844903902182113288
來源：掘金
著作權(quán)歸作者所有业簿。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處阳懂。
