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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Visualisierung mit Node Red erstellen

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

      @mickym Ich denke der kommt hier rein?
      Bildschirm­foto 2023-03-27 um 20.16.59.png

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

        @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:

        2b3ca59c-0c32-48dd-a696-79eada0ce9f9-image.png

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

          @mickym Ja, habe ich aber der Flow hängt erneut
          Bildschirm­foto 2023-03-27 um 20.21.14.png

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

              @mickym Das ist die URL

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

              flows-3.json

              mickym 1 Reply Last reply Reply Quote 0
              • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            693
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2058575
                                            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