Visualisierung mit Node Red erstellen

[mickym]

@damrak2022 Du musst dann auf die Schaltfläche Wert setzen klicken

Ob das Bild drin ist siehst doch ob der Anfang des Strings drin ist:

[Damrak2022]

@mickym Das habe ich mittlerweile 3 mal gemacht, nur erfolglos

[mickym]

@damrak2022 Du musst Geduld haben. Ansonsten mach mal folgendes - geh auf Kopieren und kopier halt die Daten in einen Editor und dann kopierst Du von dort in den Datenpunkt.

[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.