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这样好用的库就很爽了。


更多文章
  • 读《投资中最简单的事》
  • 后端工程师学前端(三): CSS进阶(特指度、单位和字体族)
  • 后端工程师学前端(二): CSS基础知识(规则与选择器)
  • Swift语法笔记
  • 读《管理的实践》
  • 后端工程师学前端(一): HTML
  • frp 源码阅读与分析(二):TCP内网穿透的实现
  • 五天不用微信 - 爽得很
  • frp 源码阅读与分析(一):流程和概念
  • 学习frp源码之简洁的在两个connection之间转发流量
  • 自己动手写一个反向代理
  • 读《债务危机》
  • 从XMonad迁移到i3
  • 服务器IP被ban学到的经验
  • socks5 协议详解