【Flutter】REST APIでjsonデータをPOSTする

【Flutter】REST APIでjsonデータをPOSTする方法

プログラミング

2021.02.17 2020.11.03

FlutterからPOSTしてみました。バックエンド側はAWSのAPI GatewayとLambdaを使用しています。

パッケージのインストール
POSTを実行するファイルにインポート
POSTを実行

パッケージのインストール

 dependencies: 
   http: ^0.12.2

記述したらpubget

POSTを実行するファイルにインポート

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

非同期処理なのでasyncが必要になります。jsonを扱う場合はconvertもインポートしましょう。

POSTを実行

  void _post() async{
    final url = "https://｛API GatewayのURL｝";
    Map requestBody =
      {
        "name": "Tanaka",
        "age": 30
      };
    String body = json.encode(requestBody);
    http.Response response = await http.post(url, body: body);
    res = json.decode(response.body);
  }

もっともシンプルな書き方になります。テスト用ではこれでいいですが、本番用環境ではステータスコードに応じてエラーハンドリングをしたほうがよいでしょう。