【Flutter】HTTPリクエストを送る方法

1 min read読了の目安(約1000字

FlutterでHTTPリクエストを送る

手順

1. pubspec.ymlhttpパッケージを追加

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.0  # 追加

2. URIを構築する

/*
  下記URIへGETリクエストを送る
  https://example.com/api/public/user?id=3 
*/
final params = {
  'id': 3
};
const uri = Uri.https('example.com', 'api/public/user', params);

3. 実際に叩く

import 'package:http/http.dart' as http;

final params = {
  'id': 3
};
final uri = Uri.https('example.com', 'api/public/user', params);
final response = await http.get(uri);

header, body について

リクエスト時にheaderやbodyを追加することができる。

header = {
  HttpHeaders.contentTypeHeader: 'application/json'    
};
body = {
  'name': 'hoge',
  'age': 16
};

final uri = Uri.https('example.com', 'api/public/user/register');
final response = await http.post(uri, headers: header, body: body);

参考文献