FlutterHTTPPost請求未到達RaspberryPi上的Node-RED-有解無憂

我正在嘗試通過 HTTP（不是 HTTPS）將資料從 Flutter 發送到 Node-RED（到 Raspberry Pi）。網址http://bierbrauserver.ddns.net來自 NO-IP (DDNS)。從 Youtube 教程轉移到測驗服務器作業正常。但是，當我將 URL 從“https://reqres.in/api/users”更改為“http://bierbrauserver.ddns.net:1880”時，Node-RED 的除錯視窗中沒有任何輸入。我嘗試在 AndroidManifest.xml 中添加條目以便允許 http，但這也沒有解決問題。此外，我檢查了 Raspberry Pi 所在網路的 WLAN 路由器配置中的埠轉發。此處配置了 HTTP 和 1880 (Node-RED) 的埠轉發。IP 地址的連接應該沒問題，因為我可以從外部埠訪問資料庫，該埠也位于 Raspberry Pi 上。難道只有httpS post請求是可能的嗎？

Future<UserModel> createUser(String name, String jobTitle)async{

const String Url = "https://reqres.in/api/users";
// const String Url = "https://bierbrauserver.ddns.net:1880";

final response = await http.post(Uri.parse(Url),body:
{
  "name": name,
  "job": jobTitle
});
if (response.statusCode == 201) {
  final String responseString = response.body;
  return userModelFromJson(responseString);
}
else
  {
    print(response.statusCode);
    return UserModel(name:'Fail',job: 'Fail', id: 'Fail', createdAt: DateTime.now());
  }
}

謝謝您的幫助。

uj5u.com熱心網友回復：

問題已經解決了。程式代碼已經被修改了，因為我忘記在問題解決后立即回答問題。這個問題隱藏在 Node-RED 程式中。在 Node-RED 中選擇了錯誤的節點。該 URL 使用“/test”擴展，在 Node-RED 中的“http in”節點中重用。現在一切正常。

供您參考：“Zutat_1”、“Zutat_2”、“Zutat_3”和“Zutat_4”是該程式中的全域變數，因此不必傳遞給“createRezept”函式。另外，應該提到的是，代碼中一些不屬于英語的元素是用德語執行的。

Future<RezeptModel> createRezept()async{
   const String Url = "http://bierbrauserver.ddns.net:1880/test";

    final response = await http.post(Uri.parse(Url),body:
    {
      "zutat1": Zutat_1.toStringAsFixed(2),
      "zutat2": Zutat_2.toStringAsFixed(2),
      "zutat3": Zutat_3.toStringAsFixed(2),
      "zutat4": Zutat_4.toStringAsFixed(2),
      "createdAt" : DateTime.now().toIso8601String()

    });
    if (response.statusCode == 201) {
      final String responseString = response.body;
      return rezeptModelFromJson(responseString);
    }
    else
      {
        print(response.statusCode);
        return RezeptModel(zutat1:"Fehler",zutat2: "Fehler", zutat3: "Fehler", zutat4: "Fehler",createdAt: DateTime.now());
      }
}

這是用于決議的代碼。（這是在一個單獨的檔案中，在我的例子中名為“Rezept_model.dart”）

import 'dart:convert';

RezeptModel rezeptModelFromJson(String str) => RezeptModel.fromJson(json.decode(str));

String rezeptModelToJson(RezeptModel data) => json.encode(data.toJson());

class RezeptModel {
    RezeptModel({
       required this.zutat1,
       required this.zutat2,
       required this.zutat3,
       required this.zutat4,
       required this.createdAt,
    });

    String zutat1;
    String zutat2;
    String zutat3;
    String zutat4;
    DateTime createdAt;

    factory RezeptModel.fromJson(Map<String, dynamic> json) => RezeptModel(
        zutat1: json["zutat1"],
        zutat2: json["zutat2"],
        zutat3: json["zutat3"],
        zutat4: json["zutat4"],
        createdAt: DateTime.parse(json["createdAt"]),
    );

    Map<String, dynamic> toJson() => {
        "zutat1": zutat1,
        "zutat2": zutat2,
        "zutat3": zutat3,
        "zutat4": zutat4,
        "createdAt": createdAt.toIso8601String(),
    };
}

為了完整起見，這里是主程式的全部代碼。

import 'dart:convert';
import 'dart:math';

import 'package:bier_brau_project/variables.dart';
import 'package:bier_brau_project/rezept_model.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

void main() {

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bier Brau App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'HTTP Test Site'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;


  @override
  State<MyHomePage> createState() => _MyHomePageState();
}


 Future<RezeptModel> createRezept()async{
   const String Url = "http://bierbrauserver.ddns.net:1880/test";

    final response = await http.post(Uri.parse(Url),body:
    {
      "zutat1": Zutat_1.toStringAsFixed(2),
      "zutat2": Zutat_2.toStringAsFixed(2),
      "zutat3": Zutat_3.toStringAsFixed(2),
      "zutat4": Zutat_4.toStringAsFixed(2),
      "createdAt" : DateTime.now().toIso8601String()

    });
    if (response.statusCode == 201) {
      final String responseString = response.body;
      return rezeptModelFromJson(responseString);
    }
    else
      {
        print(response.statusCode);
        return RezeptModel(zutat1:"Fehler",zutat2: "Fehler", zutat3: "Fehler", zutat4: "Fehler",createdAt: DateTime.now());
      }
}


class _MyHomePageState extends State<MyHomePage> {

  RezeptModel _rezept = RezeptModel(zutat1: "init", zutat2: "init", zutat3: "init",zutat4: "init", createdAt: DateTime.now());


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children:  <Widget>[
             MySlider(Min:22.0,Max:40.0,Devisions: 100,unit:'l',title: 'Wasser',ID:1),
             MySlider(Min:4.0,Max:20.0,Devisions: 100,unit:'kg',title:'Malz',ID: 2,),
             MySlider(Min:60.0,Max:300.0,Devisions: 100,unit:'g',title:'Hopfen',ID: 3,),
             MySlider(Min:12.0,Max:60.0,Devisions: 100,unit:'g',title:'Hefe',ID:4),
             const SizedBox(height:32.0,),

            Text( "Wasser "  _rezept.zutat1  "\n"
                 "Malz " _rezept.zutat2  "\n"
                 "Mopfen "  _rezept.zutat3  "\n"
                "Hefe "  _rezept.zutat4  "\n"
                 "ist Erfolgreich übertragen worden "
                  _rezept.createdAt.toIso8601String())


          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: ()async{
          final RezeptModel rezept= await createRezept();
          setState(() {
              _rezept=rezept;
          });
        },
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}










/// This is the stateful widget that the main application instantiates.
class MySlider extends StatefulWidget {
  MySlider({Key? key,required this.Min, required this.Max,required this.Devisions,required this.unit,required this.title,required this.ID}): super(key: key);

  final double Min;
  final double Max;
  final String unit;
  final String title;
  final int Devisions;
  final int ID;
  bool ValueChanged= false;


  @override
  State<MySlider> createState() => _MySliderState();
}

/// This is the private State class that goes with MyStatefulWidget.
class _MySliderState extends State<MySlider> {

  double _currentSliderValue =0;

  @override
  Widget build(BuildContext context) {
    return Padding (
      padding: const EdgeInsetsDirectional.fromSTEB(32.0, 32.0, 32.0, 16.0),
        child: Column(children: <Widget> [
          Text(
            widget.title,
            style:  const TextStyle(
                color: Colors.black54,
                height: 1,
                fontSize: 18
            ),

          ),

          Slider(
         value: widget.ValueChanged== false ? ((widget.Max-widget.Min)/2) widget.Min : _currentSliderValue,
          min: widget.Min,
          max: widget.Max,
          divisions: widget.Devisions,
          label: _currentSliderValue.toStringAsFixed(2),
          onChanged: (double value) {
            setState(() {
              _currentSliderValue = value;
              first_call = false;
              widget.ValueChanged =true;
              switch(widget.ID) {
                case 1: {Zutat_1 =double.parse(value.toStringAsFixed(2));}
                break;

                case 2: {Zutat_2 =double.parse(value.toStringAsFixed(2));}
                break;

                case 3: {Zutat_3 =double.parse(value.toStringAsFixed(2));}
                break;

                case 4: {Zutat_4 =double.parse(value.toStringAsFixed(2));}
                break;

                default: {}
                break;
              }

            });
          },
        ),
          Text(
              (widget.ValueChanged== false ?((widget.Max-widget.Min)/2) widget.Min : _currentSliderValue.toStringAsFixed(2)).toString()   ' ' widget.unit,
          ),

        ])
        );
  }
}

非常感謝所有處理過這個問題的人。這里仍然有兩張圍繞連接放置的影像以進行澄清。

從 http post 接收的 Node-RED 程式

帶有測驗應用程式的 Android Studio 模擬器

uj5u.com熱心網友回復：

將您的代碼更改為：

final response = await http.post(Uri.parse(Url),body:
{
  "name": name,
  "job": jobTitle
});
if (response.statusCode == 201) {

  final responseString = jsonDecode(_res.body)
  return userModelFromJson(responseString);
}
else
  {
    print(response.statusCode);
    return UserModel(name:'Fail',job: 'Fail', id: 'Fail', createdAt: DateTime.now());
  }
}

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/432089.html

標籤：扑 http 节点红树莓派4

上一篇：JsonSerializable。無法將模型與json架構匹配

下一篇：更好的以事件為中心的方式來解決Kafka或任何流服務中的請求-回復問題