Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Visualisierung mit Node Red erstellen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Visualisierung mit Node Red erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • mickym
      mickym Most Active @Damrak2022 last edited by

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

      76655be8-e078-4f0a-b81e-f6dd2d125e29-image.png

      [
         {
             "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 1 Reply Last reply Reply Quote 0
      • Damrak2022
        Damrak2022 @mickym last edited by

        @mickym Ja, das geht

        mickym 1 Reply Last reply Reply Quote 0
        • mickym
          mickym Most Active @Damrak2022 last edited by

          @damrak2022 sagte in Visualisierung mit Node Red erstellen:

          @mickym Ja, das geht

          Ok dann habe ich folgenden Vorschlag:

          0fdf7c03-d454-4b66-89ed-1fdbb7f412a3-image.png

          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.

          [
             {
                 "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 1 Reply Last reply Reply Quote 0
          • Damrak2022
            Damrak2022 @mickym last edited by 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 1 Reply Last reply Reply Quote 0
            • mickym
              mickym Most Active @Damrak2022 last edited by

              @damrak2022 Funktioniert es denn?

              Damrak2022 1 Reply Last reply Reply Quote 0
              • Damrak2022
                Damrak2022 @mickym last edited by

                @mickym Wollte meinen Sauger erst morgens losschicken.

                mickym 1 Reply Last reply Reply Quote 0
                • mickym
                  mickym Most Active @Damrak2022 last edited by

                  @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 1 Reply Last reply Reply Quote 0
                  • Damrak2022
                    Damrak2022 @mickym last edited by

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

                    Damrak2022 1 Reply Last reply Reply Quote 0
                    • Damrak2022
                      Damrak2022 @Damrak2022 last edited by 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 1 Reply Last reply Reply Quote 0
                      • mickym
                        mickym Most Active @Damrak2022 last edited by 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 1 Reply Last reply Reply Quote 0
                        • Damrak2022
                          Damrak2022 @mickym last edited by

                          @mickym So die Debug stimmt:
                          Bildschirm­foto 2023-03-28 um 14.14.19.png
                          Auch das ist okay:
                          Bildschirm­foto 2023-03-28 um 14.15.28.png
                          Karte:
                          Bildschirmfoto_2023-03-28_um_14_16_02.png

                          mickym 1 Reply Last reply Reply Quote 0
                          • mickym
                            mickym Most Active @Damrak2022 last edited by

                            @damrak2022 Ja aber du sagtest ja mit der Inject Node tut es - und die trigger Node macht auch nichts anderes. Du könntest ggf. auch einen anderen Datenpunkt nehmen, der signalisiert, dass der Staubi aktiv ist um die Trigger Node zu aktivieren.

                            Wie gesagt wenn das nichts hilft, dann bleibt nur noch die ganze Seite zu refreshen, das schaut aber nicht schön aus, das würde ich dann nur alle Minuten oder so machen.

                            Damrak2022 1 Reply Last reply Reply Quote 0
                            • Damrak2022
                              Damrak2022 @mickym last edited by

                              @mickym Klar, wenn ich die Seite refreshe geht es. Ich überlege mal, welcher Datenpunkt sich noch eignet.
                              Bildschirm­foto 2023-03-28 um 14.21.32.png

                              mickym 1 Reply Last reply Reply Quote 0
                              • mickym
                                mickym Most Active @Damrak2022 last edited by

                                @damrak2022 Na du brauchst keinen anderen Datenpunkt suchen, wenn das senden der payload keinen Effekt hat.

                                Dann bleibt dir nur übrig die ganze seite zu refreshen - das ist aber unschön. Das geht, wenn Du in die uicontrol als payload folgendes objekt schickst:

                                {"tab":""}
                                

                                das würde ich dann aber nur alle 5 minuten machen - sonst ist das meine ich störend.

                                Damrak2022 1 Reply Last reply Reply Quote 0
                                • Damrak2022
                                  Damrak2022 @mickym last edited by

                                  @mickym sagte in Visualisierung mit Node Red erstellen:

                                  {"tab":""}

                                  Siehst Du das sind immer die Kleinigkeiten wo ich auf dem Schlauch stehe.
                                  Mit welcher Node schicke ich das an die ui control?

                                  mickym 1 Reply Last reply Reply Quote 0
                                  • mickym
                                    mickym Most Active @Damrak2022 last edited by

                                    @damrak2022 Na du änderst den ganzen Flow.

                                    In die template Node schreibst Du wieder statisch die URL rein.

                                    Dann nimmst Du einen Datenpunkt, der dir anzeigt wann der Staubi aktiv ist. Du machst wieder true und false wenn aktiv und nicht aktiv. Dann hängst die trigger node dahinter und schickst diesen code in eine ui_control node.

                                    Damrak2022 1 Reply Last reply Reply Quote 0
                                    • Damrak2022
                                      Damrak2022 @mickym last edited by Damrak2022

                                      @mickym Irgendwas ist hier noch falsch:
                                      Bildschirm­foto 2023-03-28 um 15.33.39.png Bildschirm­foto 2023-03-28 um 15.33.18.png

                                      Wahrscheinlich in der Trigger node, denn ich bekomme auch keinen Debug. Habe die nochmal abgeändert:
                                      Bildschirm­foto 2023-03-28 um 15.45.12.png

                                      mickym 1 Reply Last reply Reply Quote 0
                                      • mickym
                                        mickym Most Active @Damrak2022 last edited by mickym

                                        @damrak2022 Du musst 2 mal filtern.

                                        Einmal mit der ui control, dass Du auf der Seite bist, dann mit get den Datenpunkt holen und dann ändern ob Staubi aktiv oder nicht aktiv ist. die template node brauchst du gar nicht mehr zu verkabeln, da du dort statisch Deine url drin hast, die ändern sich ja nicht und dann mach nicht alle 10 s. Du kannst die Seite nicht mehr bedienen.

                                        So und das was die trigger node sendet ist ein OBJEKT und kein String. Nochmal die Definition eines Objektes?

                                        [
                                           {
                                               "id": "2d8338573ac6d999",
                                               "type": "ui_template",
                                               "z": "289f539dcc33814e",
                                               "group": "427653544fbbfb3d",
                                               "name": "",
                                               "order": 1,
                                               "width": 12,
                                               "height": 12,
                                               "format": "<img src= http://192.168.178.24:8082/mihome-vacuum.0.userfiles/actualMap.png>",
                                               "storeOutMessages": true,
                                               "fwdInMessages": true,
                                               "resendOnRefresh": true,
                                               "templateScope": "local",
                                               "className": "",
                                               "x": 640,
                                               "y": 4840,
                                               "wires": [
                                                   []
                                               ]
                                           },
                                           {
                                               "id": "b4ce760e559ffe54",
                                               "type": "trigger",
                                               "z": "289f539dcc33814e",
                                               "name": "",
                                               "op1": "{\"tab\":\"\"}",
                                               "op2": "0",
                                               "op1type": "json",
                                               "op2type": "str",
                                               "duration": "-1",
                                               "extend": false,
                                               "overrideDelay": false,
                                               "units": "min",
                                               "reset": "false",
                                               "bytopic": "all",
                                               "topic": "topic",
                                               "outputs": 1,
                                               "x": 1030,
                                               "y": 4920,
                                               "wires": [
                                                   [
                                                       "e8a1d2bd62d35a63"
                                                   ]
                                               ]
                                           },
                                           {
                                               "id": "322c49933e05a670",
                                               "type": "ui_ui_control",
                                               "z": "289f539dcc33814e",
                                               "name": "",
                                               "events": "change",
                                               "x": 180,
                                               "y": 4920,
                                               "wires": [
                                                   [
                                                       "6b8893c1bbae3d16"
                                                   ]
                                               ]
                                           },
                                           {
                                               "id": "6b8893c1bbae3d16",
                                               "type": "switch",
                                               "z": "289f539dcc33814e",
                                               "name": "",
                                               "property": "name",
                                               "propertyType": "msg",
                                               "rules": [
                                                   {
                                                       "t": "eq",
                                                       "v": "Kammer",
                                                       "vt": "str"
                                                   }
                                               ],
                                               "checkall": "true",
                                               "repair": false,
                                               "outputs": 1,
                                               "x": 330,
                                               "y": 4920,
                                               "wires": [
                                                   [
                                                       "194bb61f3537ca28"
                                                   ]
                                               ]
                                           },
                                           {
                                               "id": "5255760ac77ed9f2",
                                               "type": "change",
                                               "z": "289f539dcc33814e",
                                               "name": "nicht zuhause",
                                               "rules": [
                                                   {
                                                       "t": "set",
                                                       "p": "payload",
                                                       "pt": "msg",
                                                       "to": "$not(payload)\t",
                                                       "tot": "jsonata"
                                                   }
                                               ],
                                               "action": "",
                                               "property": "",
                                               "from": "",
                                               "to": "",
                                               "reg": false,
                                               "x": 800,
                                               "y": 4920,
                                               "wires": [
                                                   [
                                                       "b4ce760e559ffe54"
                                                   ]
                                               ]
                                           },
                                           {
                                               "id": "e8a1d2bd62d35a63",
                                               "type": "ui_ui_control",
                                               "z": "289f539dcc33814e",
                                               "name": "",
                                               "events": "change",
                                               "x": 1240,
                                               "y": 4920,
                                               "wires": [
                                                   []
                                               ]
                                           },
                                           {
                                               "id": "194bb61f3537ca28",
                                               "type": "ioBroker get",
                                               "z": "289f539dcc33814e",
                                               "name": "",
                                               "topic": "mihome-vacuum.0.clean_home",
                                               "attrname": "payload",
                                               "payloadType": "value",
                                               "errOnInvalidState": "nothing",
                                               "x": 550,
                                               "y": 4920,
                                               "wires": [
                                                   [
                                                       "5255760ac77ed9f2"
                                                   ]
                                               ]
                                           },
                                           {
                                               "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
                                           }
                                        ]
                                        

                                        Wie gesagt momentan gehe ich davon aus, dass der clean_home DP false liefert, falls der Staubi aktiv ist und umgekehrt true wenn inaktiv. Deswegen wird das mit not verneint musst halt wegmachen, falls es sich anders verhalten sollte

                                        6321aba6-57e3-432b-b761-93b03c710188-image.png

                                        Ach so und in der Switch Node am Anfang wieder den Namen des tabs anpassen.

                                        Damrak2022 1 Reply Last reply Reply Quote 0
                                        • Damrak2022
                                          Damrak2022 @mickym last edited by

                                          @mickym umgekehrt - der Clean home liefert true, wenn aktiv und false wenn inaktiv

                                          mickym 1 Reply Last reply Reply Quote 0
                                          • mickym
                                            mickym Most Active @Damrak2022 last edited by

                                            @damrak2022 dann kannst die change node wegschmeissen und direkt die get mit der trigger node verbinden

                                            Damrak2022 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            806
                                            Online

                                            31.8k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2314546
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo