flutter中使用RESTful接口

这篇文章简单的介绍一下,flutter中如何请求接口,并且解析响应的JSON,以及如何向服务器发送POST请求。

flutter中请求JSON的例子:

import 'dart:io';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:blogapp/consts.dart';

void checkRelease() async {
  String url = baseURL +
      "/release/latest?app=$appName&os=${Platform.operatingSystem}";

  print("check latest release with $url");
  var response = await http.get(url);
  if (response.statusCode != 200) {
    print("failed to check release: ${response.statusCode}, ${response.body}");
  } else {
    var releaseJSON = json.decode(response.body);
    print("releaseJSON: $releaseJSON");
  }
}

注意,简单的query string我们可以直接使用这种方式拼接,如果是复杂的,我们可以写 一个工具函数,把 Map<String, String> 或者 Map<String, List<Object>> 之类的 对象转换成query string然后再接上去。

encode或者decode JSON有这么几种用法:

  • jsonEncode(map)json.encode(map) 是一样的
  • jsonDecode(resp.body)json.decode(resp.body) 是一样的
String jsonEncode(Object object, {Object toEncodable(Object nonEncodable)}) =>
    json.encode(object, toEncodable: toEncodable);

dynamic jsonDecode(String source, {Object reviver(Object key, Object value)}) =>
    json.decode(source, reviver: reviver);

如果是向服务器发送JSON,那么就是:

Map<String, String> headers = {"Content-type": "application/json"};
print("request $url with $body & $headers");
var response = await http.post(url, headers: headers, body: json.encode(body));

注意我们要自己设置一个header。

dart的生态还是不够成熟,要是有Python中requests这样好用的库就很爽了。


更多文章
  • Web开发系列(十一):数据库扩展
  • Web开发系列(九):消息队列,异步任务
  • Web开发简介系列
  • Web开发系列(十):事务和锁
  • Nginx作为TCP/UDP的负载均衡
  • Nginx 请求匹配规则
  • Web开发系列(六):关系型数据库,ORM
  • Web开发系列(七):缓存,CDN
  • Web开发系列(八):单点故障,负载均衡
  • Web开发系列(五):form, json, xml
  • Web开发系列(四):Flask, Tornado和WSGI
  • Web开发系列(三):什么是HTML,CSS,JS?
  • Web开发系列(二):HTTP协议
  • Web开发系列(一):从输入网址到最后,这个过程经历了什么?
  • SNI: 让Nginx在一个IP上使用多个证书