Garagenzustand visualisieren

[mickym]

@dr-pie Na da muss aber auch was drin stehen, wenn Du es im Mqtt-Explorer hast - mach mal Browser refresh oder sogar den ganzen Browser zu und neu auf.

[Dr.Pie]

@mickym ups ... das war ein alter Screenshot.
Das hier ist aktuell:

[mickym]

@dr-pie Na da hast Du es doch - nimm eine iobroker In Node (setzt das topic genau auf diesen Datenpunkt - also Pfad kopieren s. roter Pfeil) - hänge eine JSON Node dran und dann eine Change node.

Jedenfalls kannst Du doch den Datenpunkt direkt auslesen:

[Dr.Pie]

@mickym muss der Node-Red nicht erst mal von dem Gerät wissen das es existiert ?

[mickym]

@dr-pie Du kannst doch mit der iobroker IN Node den Datenpunkt auslesen? Da muss nichts bekannt sein. Entweder der Datenpunkt existiert oder nicht. wo hast du ein Problem?

Importiere mal die 4 Nodes:

Spoiler

[
   {
       "id": "f990f52fabd7315d",
       "type": "ioBroker in",
       "z": "b4c67f329886e71e",
       "name": "",
       "topic": "mqtt.0.shelly#2232342.status.input:100",
       "payloadType": "value",
       "onlyack": "",
       "func": "all",
       "gap": "",
       "fireOnStart": "false",
       "outFormat": "MQTT",
       "x": 320,
       "y": 460,
       "wires": [
           [
               "0ed6a6e27b2da91f"
           ]
       ]
   },
   {
       "id": "0ed6a6e27b2da91f",
       "type": "json",
       "z": "b4c67f329886e71e",
       "name": "",
       "property": "payload",
       "action": "",
       "pretty": false,
       "x": 510,
       "y": 460,
       "wires": [
           [
               "2feeeee6452e3620"
           ]
       ]
   },
   {
       "id": "2feeeee6452e3620",
       "type": "change",
       "z": "b4c67f329886e71e",
       "name": "",
       "rules": [
           {
               "t": "set",
               "p": "payload",
               "pt": "msg",
               "to": "payload.state",
               "tot": "msg"
           }
       ],
       "action": "",
       "property": "",
       "from": "",
       "to": "",
       "reg": false,
       "x": 710,
       "y": 460,
       "wires": [
           [
               "4c6b3a64290772f8"
           ]
       ]
   },
   {
       "id": "4c6b3a64290772f8",
       "type": "debug",
       "z": "b4c67f329886e71e",
       "name": "debug 45",
       "active": true,
       "tosidebar": true,
       "console": false,
       "tostatus": false,
       "complete": "false",
       "statusVal": "",
       "statusType": "auto",
       "x": 900,
       "y": 460,
       "wires": []
   }
]

und passe den Pfad zum Datenpunkt vorne an

[Dr.Pie]

@mickym Wie lese ich den Datenpunkt denn aus im Node ??

[mickym]

@dr-pie Hast Du meinen Flow nicht importiert?

[Dr.Pie]

@mickym ich hatte das gar nicht gesehen das da unter "Spoiler" was stehen kann ... peinlich.
Da kannste ja sehen wo ich stehe

[mickym]

@dr-pie Nach dem Deploy - klickst Du im mqtt Adapter einfach doppelt auf den Wert und setzt ihn nochmal und dann schaust ob im Debug Fenster was ankommt.

[Dr.Pie]

@mickym püüüüü ...
wenn ich das Tor nun öffne erscheint der Zustand.

Das funktioniert ja schon mal

[mickym]

@dr-pie Na dann hast du wenn du das debug Fenster aufmachst den Wert.

[Dr.Pie]

@mickym Ja suuuuper ... das scheint zu funktionieren.
Nach jeder änderung kommt die Meldung im Debug-Fenster.

Das hätten wir nun ...

Was muss ich denn nun machen damit ich diesen Zustand visualisieren kann ?

[mickym]

@dr-pie Na dazu müsste ich ja erstmal wissen, was Du für eine Visualisierung nutzt. Derer gibt es ja, wie erwähnt viele.

[Dr.Pie]

@mickym Also ich habe die Vis vom iobroker.
Dort will ich ein Bild das eine geschlossene oder eine offene Garage anzeigt.

[mickym]

@dr-pie Na gut - im VIS musst Du dich selbst drum kümmern welches Widget du da nutzt.

Erstelle unter 0_userdata.0 einen Datenpunkt indem wir das Ergebnis des Flows schreiben können.

[mickym]

@mickym Nein ich hab eine bessere Idee.

Hast Du schon 2 Bilder?

[Dr.Pie]

@mickym ichhabe das mit den verschiedenen Bildern bei verschiedenen Zuständen schon 100x gemacht.

Aber halt noch nie über mqtt.

[mickym]

@dr-pie Na ok - dann erstelle einen Datenpunkt und hänge eine iobroker-Out Node anstelle der Debug Node hinten an den Flow. Im Topic gibst Du den Pfad zu Datenpunkt an - den musst Du aber manuell über die Zwischenablage kopieren.

[Dr.Pie]

@mickym bei einem Bild nutze ich iFrame ... was kann man bei einem Textfeld nehmen ?

[mickym]

@dr-pie Ich bin kein VIS Profi

Also Text kannst Du hiermit

anzeigen oder Du nimmst das HTML widget. Also VIS habe ich nur mal zum Spielen genutzt.

Wenn Du einen String in den Datenpunkt schreiben willst - dann mache ich Dir das - aber kopiere mir doch bitte mal den Pfad des Datenpunktes, den Du erstellt hast hier rein.