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 mickym

      @damrak2022 Ja aber dann brauchst in Node-Red doch nicht zu suchen. Node-Red holt sich die Daten doch vom iobroker. Wenn sie da nicht da sind, können sie ja auch nicht in NodeRed vorhanden sein. Da musst dann im iobroker Umfeld suchen, aber nicht in NodeRed. Vielleicht bissi Geduld haben - der Adapter wird ja auch nicht alle 10 Minuten schauen, sondern vielleicht alle Stunden. Musst halt schauen, was Du eingestellt hast.

      Vielleicht gibts ja einen Datenpunkt in dem Adapter - um zu aktualisieren? - Wie gesagt ich kenne den Adapter nicht.

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

        @mickym Das mit dem Paket hat sich erledigt.
        Zur Grafik noch eine Frage:
        ich habe mal testweise den Pfad zum Vis Dateimanager genutzt.

        <img src="/vis.0/Damrak2022/img/FFH.png{{msg.payload.}}"alt="n/a" width="100%" hight="100%"
        

        Ich weiß aber garnicht ob das geht auf die Bilder dort zuzugreifen, außerdem ist der Pfad ja wohl auch nicht komplett.
        Wie kann ich den kompletten Pfad rausfinden, oder sind die Bilder lokal auf Deinem Rechner

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

          @damrak2022 sagte in Visualisierung mit Node Red erstellen:

          FFH.png{{msg.payload.}}

          Die Bilder sind lokal - aber kannst Du mit bitte mal sagen - was das für ein Dateiname ist

          FFH.png{{msg.payload.}}
          

          Sorry dass ist hochgradig unprofessionell - was Du hier eingibst - weisst Du was die geschweiften Klammern sind - wenn nicht - warum gibst Du solch einen Mist ein.

          Was hast Du in der Adapter Konfig eingegeben - was ist der komplette Pfad - das ist doch Mist - einfach irgendwas einzugeben ohne zu berücksichtigen, was ich geschrieben habe.

          Hast du meinen Satz nicht gelesen:

          Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

          Wenn Du das nicht verstehst - dann frag besser - bevor Du solch einen Mist eingibst.

          Auch dieser Pfad ist lokal auf Deinem Rechner.

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

            @mickym sagte in Visualisierung mit Node Red erstellen:

            Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

            Sorry,

            Was dieses relativ bedeutet, weiß ich wirklich nicht. Das Bild war nur eins zum testen.

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

              @damrak2022 sagte in Visualisierung mit Node Red erstellen:

              @mickym sagte in Visualisierung mit Node Red erstellen:

              Den Pfad wo du Bilder abspeicherst ist relativ zu dem Pfad, den Du in der NodeRed Adapterkonfiguration eingeben musst.

              Sorry,

              Was dieses relativ bedeutet, weiß ich wirklich nicht. Das Bild war nur eins zum testen.

              Ja das ist ja nicht das Einzige - aber was soll dieser Mist mit einer msg.payload in einer geschweiften Klammer und einem Punkt für den Dateinamen - sag mir einfach, was das soll? - Wie heisst Deine Datei und wo liegt sie?

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

                @mickym Die Wettericons liegen momentan noch hier :
                Bildschirmfoto 2022-10-06 um 01.21.41.png

                Das mit der msg.payload, habe ich ohne nachzudenken erstmal übernommen, was nicht gut war.

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

                  @damrak2022

                  Das mit der msg.payload, habe ich ohne nachzudenken erstmal übernommen, was nicht gut war.

                  Ja das hatten wir schon öfter - wäre schön, wenn Du vorher nachdenkst. 😉 - Das würde Dir für die Zukunft viel helfen.
                  Wenn Du Dich auf Deinem Raspberry nicht so gut auskennst oder Du nur den VIS Dateimanager zum hochladen von Dateien nutzt - dann geht das schon.
                  9e6bf4f9-ab9a-4645-a675-3747dddc6ee3-image.png

                  /opt/iobroker/iobroker-data/files/vis.0/
                  

                  Die Bilder müssen natürlich lokal auf den Raspberry - ausser Du willst auf die Bilder im Web zugreifen.

                  Wenn Du den Pfad so in die Adapterkonfig unter http-static einträgst - dann heißt relativ, dass Du den Pfad zu /opt/iobroker/iobroker-data/files/vis.0/ sein muss.

                  Also muss dann in der Text-Node stehen:

                  <img src="Damrak2022/img/FFH.png"alt="n/a" width="100%" hight="100%">
                  

                  Und dann noch einen Tipp - alle Klammern in HTML < ........ > oder auch sonst in irgendeinem Code müssen immer geschlossen werden. Das gilt auch für runde (), eckige [] und geschweifte Klammern {} - Du suchst Dich dumm und dämlich, wenn Du auf solche Sachen nicht achtest.

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

                    @mickym Okay, ich werde versuchen das nachzuvollziehen und umzusetzen.
                    Wenn ich Dich richtig verstehe ist http static eine node?
                    Die habe ich nicht, bei mir ist nur
                    Bildschirmfoto 2022-10-06 um 01.45.56.png
                    vorhanden.
                    Ach sorry, Du schreibst Adapter

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

                      @damrak2022 Nein - es ist in der iobroker Adapter konfiguration eine Einstellung:

                      b19e1322-5504-408a-aee9-b8611247ab3e-image.png

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

                        @mickym Ich habe jetzt seit Stunden zig Versuche durch, aber ohne Erfolg. Egal welcher Browser, ich bekomme das Bild als Platzhalter angezeigt
                        Bildschirmfoto 2022-10-06 um 07.45.49.png

                        Das ist nur ein kleiner Teil meiner Versuche:
                        Bildschirmfoto 2022-10-06 um 07.45.23.png

                        So sieht es im Terminal aus:
                        Bildschirmfoto 2022-10-06 um 07.18.58.png

                        So im Dateimanager
                        Bildschirmfoto 2022-10-06 um 07.41.26.png

                        Und so in den Adaptereinstellungen:
                        Bildschirmfoto 2022-10-06 um 07.49.06.png

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

                          @damrak2022

                          <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                          
                          Damrak2022 mickym 2 Replies Last reply Reply Quote 0
                          • Damrak2022
                            Damrak2022 @DJMarc75 last edited by

                            @djmarc75 Danke, ich probiere es heute Abend aus. Warum müssen da 2 Slashs hin.

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

                              @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                              Warum müssen da 2 Slashs hin.

                              wo siehst du 2 ?

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

                                @djmarc75 sagte in Visualisierung mit Node Red erstellen:

                                @damrak2022

                                <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                                

                                Lieben Dank für die Unterstützung. 🙂

                                @Damrak2022

                                der vollständige Pfad zu dem Bild lautet:

                                /opt/iobroker/iobroker-data/files/vis.0/Node-Red/Wetter-Icons/32.png
                                

                                In der Adapterkonfiguration hast Du als vorderen Teil

                                /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                                

                                eingegeben - was bleibt also noch übrig?

                                Wetter-Icons/32.png
                                

                                Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                                Wenn Du Dir nicht sicher bist, dann wechselst du in das Verzeichnis, in dem die Dateien liegen:
                                und gibst dann

                                pwd
                                

                                ein.

                                Das zeigt Dir den vollständigen Pfad zu dem Verzeichnis.

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

                                  @mickym sagte in Visualisierung mit Node Red erstellen:

                                  Ich verstehe nicht, wie man da so wild mit img, Damrak2022 etc. rum probieren kann, wenn man den Pfad zu dem Bild in 2 Teile zerlegt.

                                  Das ist die pure Genervtheit die mich das versuchen ließ.
                                  Auch nochmal Dank an @DJMarc75
                                  Mein Einstellung in dem Node Red Adapter ist wie gesagt diese:

                                  /opt/iobroker/iobroker-data/files/vis.0/Node-Red/
                                  

                                  Dann diesen Pfad in der Text Node unter Label eingetragen

                                  <img src="Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                                  

                                  Trotzdem keine Chance das mir das Bild angezeigt wird. Browser mehrfach refresht Unterschiedliche Browser versucht.

                                  Auch im Terminal nachgeschaut und ja alle Bilder befinden sich in Node-Red/Wetter-Icons

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

                                    @damrak2022 Ich glaube zwar nicht, dass es was hilft - lass mal den letzten Schrägstrich in der Adapterkonfiguration weg.

                                    /opt/iobroker/iobroker-data/files/vis.0/Node-Red
                                    

                                    Ok - und vielleicht habe ich einen Fehler gemacht -

                                    Gib dann mal den Schrägstrich vorne an:

                                    <img src="/Wetter-Icons/15.png" alt="n/a" width="100%" hight="100%">
                                    

                                    also "/" vor den Wetter-Icons

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

                                      @mickym Du bist Spitze! So geht es. - Vielen Dank

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

                                        @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                        @mickym Du bist Spitze! So geht es. - Vielen Dank

                                        Na freut mich - und sorry für meinen dann nicht gerechtfertigten Tonfall.

                                        ec9befd3-7116-4c2e-929d-e123bf055a06-image.png

                                        Du kannst das auch als value eingeben:

                                        c62bd865-32ab-4a16-933d-261657369d5c-image.png

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

                                          @mickym Okay, jetzt werde ich mal versuchen das Board weiter zu verschönern

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

                                            @damrak2022 Wenn Du wechselnde Icons brauchst - kannst nun wieder die angular Schreibweise verwenden - also die geschweiften Klammern und dann als payload den Namen der Bilddatei.

                                            6a30d5a8-d254-42b6-9f56-de54b83ad285-image.png

                                            a9f939b4-36fa-4c45-b098-c5adfc58dbba-image.png

                                            ae867e50-6fbb-4175-b469-81e3bb834231-image.png 1a5539bb-b74e-4386-b11a-587ab971ae0a-image.png

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            895
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

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