常連

[質問内容]
flutterでpost通信にて特定のphpへ値を送り、レスポンスを貰うも
POST通信で送った値が画面に表示されない現象について
原因と解決方法を知りたい。

観点
・jsonの作り方に問題はないか。
・POST送信方法に問題はないか。

[経緯]
現在、あるhtmlページの機能のandroid/iOSアプリ化の仕事を請け負っています。
機能は、画面にて入力欄で電話番号を入力してボタンを押すと画面遷移し、
入力した文字を画面表示する簡易なものです。POST通信で文字列を送信しています。
以下のサイトです。
[https://gow.jp/](https://gow.jp/)

android/ios両アプリを同時に開発できる言語として、flutter +dartで開発しています。
(今のところ別の言語に変更する予定はありません。)

私のアプリでは、入力した文字列を'B3'に設定し、jsonに変換した後にpost通信で送っています。
実際にpostしている所は以下です。

```
  Future<Album> createAlbum(String number) async {
    var url ='https://gow.jp/search/search.php';
    Map data = {
      "B3": number
    };
    var body = json.encode(data);

    final http.Response response = await http.post(
      url,
        headers: <String, String>{
          'Content-Type': 'application/json; charset=utf-8',
        },
      body: body
    );

```

ところが、実際に送ってみるとレスポンスには文字が入っていません。
("<h1>POSTされたB3=  </h1>"の"="より後ろに入る。)
(ログ)
```
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter: ========================= 
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  <!DOCTYPE html>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  <html lang="jp" dir="ltr">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    <head>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <meta charset="utf-8">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <title></title>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <style>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:        body{
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          text-align: center;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          padding: 50px;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          background-color: pink;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:        }
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      </style>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    </head>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    <body>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <h1>POSTされたB3=  </h1>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    </body>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  </html>
```

POST送信した値をレスポンスとして受け取る方法を知りたいです。
よろしくお願いいたします。

[参考にしたURL]
[https://flutter.dev/docs/cookbook/networking/send-data](https://flutter.dev/docs/cookbook/networking/send-data)

main.dart
```flutter
import 'package:flutter/material.dart';
import 'header.dart';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:fluttertoast/fluttertoast.dart';

import 'package:camera/camera.dart';
import 'package:path_provider/path_provider.dart';

import 'dart:async';
import 'dart:io';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(
      ), // becomes the route named '/'
      routes: <String, WidgetBuilder> {
        '/subPage': (BuildContext context) => new SubPage(),
      },
    );
  }

}

class _MyHomePageState extends State<MyHomePage> {
  var _mPhoneNumberController = TextEditingController();

  // POST通信をする
  Future<Album> createAlbum(String number) async {
    var url ='https://gow.jp/search/search.php';
    Map data = {
      "B3": number
    };
    var body = json.encode(data);

    final http.Response response = await http.post(
      url,
      headers: <String, String>{
          'Content-Type': 'application/json; charset=utf-8',
      },
      body: body
    );

    int statusCode = response.statusCode;
    String responseBody = response.body;

    debugPrint('========================= ${responseBody}');
  }

  // POST要求をする
  void _postRequest() async {
    createAlbum(_mPhoneNumberController.text);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: Header(
      ),
      body: Center(

      child: SingleChildScrollView(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,

            Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  controller: _mPhoneNumberController,

                  decoration: new InputDecoration(
                    //Focusしていないとき
                    enabledBorder: new OutlineInputBorder(
                      borderRadius: new BorderRadius.circular(25.0),
                      borderSide: BorderSide(
                        color: Colors.blue,
                      ),
                    ),
                    //Focusしているとき
                    focusedBorder: new OutlineInputBorder(
                      borderRadius: new BorderRadius.circular(25.0),
                      borderSide: BorderSide(
                        color: Colors.blue,
                      ),
                    ),
                  ),
                )
            ),

            new SizedBox(
              width: 200.0,
              height: 50.0,
              child: new RaisedButton(
                color: Colors.lightBlue,
                onPressed: _postRequest_2,
                highlightElevation: 16.0,
                highlightColor: Colors.yellow,
                onHighlightChanged: (value) {},
              ),
            ),

            Container(
              padding: EdgeInsets.all(8.0),
              child: Text(_text),
            ),

            new Theme(
                data: new ThemeData(
                  primarySwatch: Colors.deepPurple,
                  brightness: Brightness.light,
                  buttonColor: Colors.deepPurple[500],
                  splashColor: Colors.white24,
                  splashFactory: InkRipple.splashFactory,
                  buttonTheme: new ButtonThemeData(
                    textTheme: ButtonTextTheme.primary,
                  ),
                ),

                child: OutlineButton.icon(
                    onPressed: () {
                      Navigator.of(context).pushNamed("/subPage");
                    },
                    icon: const Icon(Icons.photo_camera, size: 18.0),
                    label: const Text('カメラ機能'),
                ),
            )

          ],
        ),
      ),
      ),
    );
  }
}
```

pubspec.yaml
```flutter
name: flutter_gowjp
description: A new Flutter application.

publish_to: 'none' # Remove this line if you wish to publish to pub.dev

version: 1.0.0+1

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.3
  http: ^0.12.1
  fluttertoast: ^4.0.0
  camera:
  path_provider:

dev_dependencies:
  flutter_test:
    sdk: flutter

flutter:
  uses-material-design: true

  assets:
    - images/icon_logo.png
```

httpsへ値付きでPOST送信した際、レスポンス内に送信した値が入っていない

[質問内容]
flutterでpost通信にて特定のphpへ値を送り、レスポンスを貰うも
POST通信で送った値が画面に表示されない現象について
原因と解決方法を知りたい。

観点
・jsonの作り方に問題はないか。

[経緯]
現在、あるhtmlページの機能のandroid/iOSアプリ化の仕事を請け負っています。
機能は、画面にて入力欄で電話番号を入力してボタンを押すと画面遷移し、
入力した文字を画面表示する簡易なものです。POST通信で文字列を送信しています。
以下のサイトです。
[https://gow.jp/](https://gow.jp/)

android/ios両アプリを同時に開発できる言語として、flutter +dartで開発しています。
(今のところ別の言語に変更する予定はありません。)

私のアプリでは、入力した文字列を'B3'に設定し、jsonに変換した後にpost通信で送っています。
実際にpostしている所は以下です。

```
  Future<Album> createAlbum(String number) async {
    var url ='https://gow.jp/search/search.php';
    Map data = {
      "B3": number
    };
    var body = json.encode(data);

    final http.Response response = await http.post(
      url,
        headers: <String, String>{
          'Content-Type': 'application/json; charset=utf-8',
        },
      body: body
    );

```

ところが、実際に送ってみるとレスポンスには文字が入っていません。
("<h1>POSTされたB3=  </h1>"の"="より後ろに入る。)
(ログ)
```
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter: ========================= 
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  <!DOCTYPE html>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  <html lang="jp" dir="ltr">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    <head>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <meta charset="utf-8">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <title></title>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <style>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:        body{
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          text-align: center;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          padding: 50px;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:          background-color: pink;
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:        }
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      </style>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    </head>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    <body>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:      <h1>POSTされたB3=  </h1>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:    </body>
05-16 13:11:16.155 7594-7622/com.gow.jp.flutter_gowjp I/flutter:  </html>
```

POST送信した値をレスポンスとして受け取る方法を知りたいです。
よろしくお願いいたします。

[参考にしたURL]
[https://flutter.dev/docs/cookbook/networking/send-data](https://flutter.dev/docs/cookbook/networking/send-data)

main.dart
```flutter
import 'package:flutter/material.dart';
import 'header.dart';
import 'dart:convert';
import 'package:http/http.dart' as http;
import 'package:fluttertoast/fluttertoast.dart';

import 'package:camera/camera.dart';
import 'package:path_provider/path_provider.dart';

import 'dart:async';
import 'dart:io';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: MyHomePage(
      ), // becomes the route named '/'
      routes: <String, WidgetBuilder> {
        '/subPage': (BuildContext context) => new SubPage(),
      },
    );
  }

}

class _MyHomePageState extends State<MyHomePage> {
  var _mPhoneNumberController = TextEditingController();

  // POST通信をする
  Future<Album> createAlbum(String number) async {
    var url ='https://gow.jp/search/search.php';
    Map data = {
      "B3": number
    };
    var body = json.encode(data);

    final http.Response response = await http.post(
      url,
      headers: <String, String>{
          'Content-Type': 'application/json; charset=utf-8',
      },
      body: body
    );

    int statusCode = response.statusCode;
    String responseBody = response.body;

    debugPrint('========================= ${responseBody}');
  }

  // POST要求をする
  void _postRequest() async {
    createAlbum(_mPhoneNumberController.text);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: Header(
      ),
      body: Center(

      child: SingleChildScrollView(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,

            Padding(
                padding: const EdgeInsets.all(16.0),
                child: TextField(
                  controller: _mPhoneNumberController,

                  decoration: new InputDecoration(
                    //Focusしていないとき
                    enabledBorder: new OutlineInputBorder(
                      borderRadius: new BorderRadius.circular(25.0),
                      borderSide: BorderSide(
                        color: Colors.blue,
                      ),
                    ),
                    //Focusしているとき
                    focusedBorder: new OutlineInputBorder(
                      borderRadius: new BorderRadius.circular(25.0),
                      borderSide: BorderSide(
                        color: Colors.blue,
                      ),
                    ),
                  ),
                )
            ),

            new SizedBox(
              width: 200.0,
              height: 50.0,
              child: new RaisedButton(
                color: Colors.lightBlue,
                onPressed: _postRequest_2,
                highlightElevation: 16.0,
                highlightColor: Colors.yellow,
                onHighlightChanged: (value) {},
              ),
            ),

            Container(
              padding: EdgeInsets.all(8.0),
              child: Text(_text),
            ),

            new Theme(
                data: new ThemeData(
                  primarySwatch: Colors.deepPurple,
                  brightness: Brightness.light,
                  buttonColor: Colors.deepPurple[500],
                  splashColor: Colors.white24,
                  splashFactory: InkRipple.splashFactory,
                  buttonTheme: new ButtonThemeData(
                    textTheme: ButtonTextTheme.primary,
                  ),
                ),

                child: OutlineButton.icon(
                    onPressed: () {
                      Navigator.of(context).pushNamed("/subPage");
                    },
                    icon: const Icon(Icons.photo_camera, size: 18.0),
                    label: const Text('カメラ機能'),
                ),
            )

          ],
        ),
      ),
      ),
    );
  }
}
```

pubspec.yaml
```flutter
name: flutter_gowjp
description: A new Flutter application.

publish_to: 'none' # Remove this line if you wish to publish to pub.dev

version: 1.0.0+1

environment:
  sdk: ">=2.7.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.3
  http: ^0.12.1
  fluttertoast: ^4.0.0
  camera:
  path_provider:

dev_dependencies:
  flutter_test:
    sdk: flutter

flutter:
  uses-material-design: true

  assets:
    - images/icon_logo.png
```

@@ -12,6 +12,8 @@
 ・jsonの作り方に問題はないか。
+・POST送信方法に問題はないか。
 [経緯]

質問編集履歴