Visualisierung mit Node Red erstellen

[Damrak2022]

@mickym Auch der Umweg über den Editor geht nicht. Sobald ich auf das Feld klicke kann ich das einsetzen und wenn ich dann Wett schreiben anklicke und danach nachschaue wieder das gleiche. Es ist nichts drin.

[mickym]

@damrak2022 Na vielleicht ist es nur ein Anzeigeproblem - ansonsten ist Dein mac vielleicht überfordert. Mach mal den Browser komplett zu udn wieder auf.

[Damrak2022]

@mickym Jetzt ist da glaube ich ein anderes Fenster:

Soll ich da was bestimmtes reinschreiben?

[mickym]

@damrak2022 Na da kommt der Riesenstring rein den Du aus Dem Staubsaugerdatenpunkt kopierst.

[Damrak2022]

@mickym Ich denke der kommt hier rein?

[mickym]

@damrak2022 Nein das war nur ein Zwischenlösung wenn Du den nicht kopieren kannst.

So muss das aussehen und dann die Schaltfläche Wert setzen drücken:

[Damrak2022]

@mickym Ja, habe ich aber der Flow hängt erneut

[mickym]

@damrak2022 Ok - dann ist Deine Hardware überfordert - dann mach das wieder mit der URL und dann aktualisieren wir nur die Template Node - gib nochmal hier die URL ein und - wie der Flow heißt.

Exportiere einfach nochmal die template Node mit der URL - so wie es funktioniert.

[Damrak2022]

@mickym Das ist die URL

<img src= "http://192.168.178.24:8082/mihome-vacuum.0.userfiles/actualMap.png">

flows-3.json

[mickym]

@damrak2022 So dann schau ob durch das Drücken der Inject Node - die Karte aktualisierst:

Spoiler

[
   {
       "id": "2d8338573ac6d999",
       "type": "ui_template",
       "z": "289f539dcc33814e",
       "group": "427653544fbbfb3d",
       "name": "",
       "order": 1,
       "width": 12,
       "height": 12,
       "format": "<img src= {{msg.payload}}>",
       "storeOutMessages": true,
       "fwdInMessages": true,
       "resendOnRefresh": true,
       "templateScope": "local",
       "className": "",
       "x": 1000,
       "y": 4840,
       "wires": [
           []
       ]
   },
   {
       "id": "601d22a3edb09cc4",
       "type": "inject",
       "z": "289f539dcc33814e",
       "name": "",
       "props": [
           {
               "p": "payload"
           }
       ],
       "repeat": "",
       "crontab": "",
       "once": false,
       "onceDelay": 0.1,
       "topic": "",
       "payload": "http://192.168.178.24:8082/mihome-vacuum.0.userfiles/actualMap.png",
       "payloadType": "str",
       "x": 790,
       "y": 4840,
       "wires": [
           [
               "2d8338573ac6d999"
           ]
       ]
   },
   {
       "id": "427653544fbbfb3d",
       "type": "ui_group",
       "name": "Karte",
       "tab": "d675fd9e96b5fce3",
       "order": 2,
       "disp": true,
       "width": 12,
       "collapse": false,
       "className": ""
   },
   {
       "id": "d675fd9e96b5fce3",
       "type": "ui_tab",
       "name": "Kammer",
       "icon": "dashboard",
       "order": 16,
       "disabled": false,
       "hidden": false
   }
]

[Damrak2022]

@mickym Ja, das geht

[mickym]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

@mickym Ja, das geht

Ok dann habe ich folgenden Vorschlag:

Damit würde jetzt alle 5 s die Karte aktualisiert - du musst halt schauen was Sinn macht. Es wird nur gesendet bzw. gepollt wenn der Tab Kammer offen ist - schau Dir bitte genau an, wie es gemacht wurde.

Spoiler

[
   {
       "id": "2d8338573ac6d999",
       "type": "ui_template",
       "z": "289f539dcc33814e",
       "group": "427653544fbbfb3d",
       "name": "",
       "order": 1,
       "width": 12,
       "height": 12,
       "format": "<img src= {{msg.payload}}>",
       "storeOutMessages": true,
       "fwdInMessages": true,
       "resendOnRefresh": true,
       "templateScope": "local",
       "className": "",
       "x": 1020,
       "y": 4820,
       "wires": [
           []
       ]
   },
   {
       "id": "b4ce760e559ffe54",
       "type": "trigger",
       "z": "289f539dcc33814e",
       "name": "",
       "op1": "http://192.168.178.24:8082/mihome-vacuum.0.userfiles/actualMap.png",
       "op2": "0",
       "op1type": "str",
       "op2type": "str",
       "duration": "-5",
       "extend": false,
       "overrideDelay": false,
       "units": "s",
       "reset": "false",
       "bytopic": "all",
       "topic": "topic",
       "outputs": 1,
       "x": 820,
       "y": 4820,
       "wires": [
           [
               "2d8338573ac6d999"
           ]
       ]
   },
   {
       "id": "322c49933e05a670",
       "type": "ui_ui_control",
       "z": "289f539dcc33814e",
       "name": "",
       "events": "change",
       "x": 340,
       "y": 4820,
       "wires": [
           [
               "6b8893c1bbae3d16"
           ]
       ]
   },
   {
       "id": "6b8893c1bbae3d16",
       "type": "switch",
       "z": "289f539dcc33814e",
       "name": "",
       "property": "name",
       "propertyType": "msg",
       "rules": [
           {
               "t": "eq",
               "v": "Kammer",
               "vt": "str"
           },
           {
               "t": "else"
           }
       ],
       "checkall": "true",
       "repair": false,
       "outputs": 2,
       "x": 490,
       "y": 4820,
       "wires": [
           [
               "5255760ac77ed9f2"
           ],
           [
               "e81a53d22d4fd657"
           ]
       ]
   },
   {
       "id": "5255760ac77ed9f2",
       "type": "change",
       "z": "289f539dcc33814e",
       "name": "true",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "true",
               "tot": "bool"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 630,
       "y": 4800,
       "wires": [
           [
               "b4ce760e559ffe54"
           ]
       ]
   },
   {
       "id": "e81a53d22d4fd657",
       "type": "change",
       "z": "289f539dcc33814e",
       "name": "true",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "false",
               "tot": "bool"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 630,
       "y": 4840,
       "wires": [
           [
               "b4ce760e559ffe54"
           ]
       ]
   },
   {
       "id": "427653544fbbfb3d",
       "type": "ui_group",
       "name": "Karte",
       "tab": "d675fd9e96b5fce3",
       "order": 2,
       "disp": true,
       "width": "12",
       "collapse": false,
       "className": ""
   },
   {
       "id": "d675fd9e96b5fce3",
       "type": "ui_tab",
       "name": "Kammer",
       "icon": "dashboard",
       "order": 16,
       "disabled": false,
       "hidden": false
   }
]

[Damrak2022]

@mickym Erstmal vielen Dank. Ich habe mir den Flow angeschaut aber noch nicht ganz verstanden:

ui control - (Wechselt nur tab oder group events) ist mir nicht ganz klar was die macht

switch node - wenn Name ist Kammer -> Ausgang 1 - wenn "ansonsten" -> Ausgang 2

2 Change Nodes -> einmal "true" und -> einmal false

trigger node - sendet alle 5 Sekunden die Url der Karte neu und wird durch false zurückgesetzt.

template -> verweist auf die "payload" und stellt die Karte dar

[mickym]

@damrak2022 Funktioniert es denn?

[Damrak2022]

@mickym Wollte meinen Sauger erst morgens losschicken.

[mickym]

@damrak2022 Na dann lass mal - schauen erst mal ob es tut und besprechen es dann. Wie gesagt die Zeit wie oft aktualisiert wird - siehst du im trigger.

[Damrak2022]

@mickym Ja, ich weiß, da könnte ich wenn es klappt auch auf 2 Sekunden stellen. Aber erstmal abwarten.

[Damrak2022]

@damrak2022
mein Sauger läuft, aber die Karte bleibt wie sie ist. Der Tab von dem Flow heißt allerdings Roborck. Ich passe das mal an

[mickym]

@damrak2022 Na wenn es mit den Inject Nodes ging dann sollte es doch auch so gehen. Du kannst ja eine Debug NOde an die Trigger Node machen, die macht doch auch nichts anderes als die Inject Node macht. Klar das muss natürlich stimmen der Name des Tabs - das hast Du schon mal gut analysiert. Wie gesagt und Du kannst ja doch erst mal viel weniger pollen. Ich geh mal davon aus, dass Deine Staubi nicht durch die Wohnung saust sondern eher gründlich ist. Wenn der Tab aktiv ist, dann solltest Du unter der Trigger node auch das blaue Viereck haben, das anzeigt dass die trigger node aktiv ist.

[Damrak2022]

@mickym So die Debug stimmt:

Auch das ist okay:

Karte: