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@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    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 mal wenn Du die get Node nun auf den Userdaten punkt setzt ob es geht.

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

        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

        @mickym Jetzt dauert es wieder einen Moment bis ich den Datenpunkt in der Get Node anpassen kann.

        Wir haben viel Zeit.

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

          @mickym Musste neu importieren, denn öffnen lässt sich eine Node bei mir nicht mehr, wenn sie mit dem orginal Datenpunkt bestückt ist.

          Momentan schaut es so aus:
          Bildschirm­foto 2023-03-27 um 19.49.29.png Bildschirm­foto 2023-03-27 um 19.49.23.png

          Oh warte mal, der hat die Daten in eigenen Datenpunkt garnicht übernommen - also nochmal

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

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

            0d036fe4-38c4-4e22-ac57-5c5d85e73754-image.png

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

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

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

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

                  @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.
                  Bildschirmfoto_2023-03-27_um_20_02_47.png

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

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

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

                      @mickym Jetzt ist da glaube ich ein anderes Fenster:
                      Bildschirm­foto 2023-03-27 um 20.13.21.png
                      Soll ich da was bestimmtes reinschreiben?

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

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            994
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

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