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 Dann probiere und teste lieber noch bissi mit den Inject Nodes und dem Array und dann viel Spass bei den Fliegern. 😉

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

        So ich habe nun einen Flow gebastelt mit dem Du direkt auf die API des Spritmonitors via NodeRed zugreifen kannst.

        Das geht auch zumindest wenn man das pro Jahr abgreift ziemlich flott, deswegen verstehe ich nicht, was der NodeRed Adapter für Probleme hat eine Array mit über 100 Objekten zu importieren. Aber egal.

        Wichtig:
        Ich möchte betonen, dass der Flow hier nicht ALLGEMEIN genutzt werden kann, wenn man kein Application Token hat. Das muss man extra bei Spritmonitor beantragen, deswegen weiß ich nicht, ob es rechtens ist, das einfach mitzuliefern. Deshalb müsst ihr Euch selbst so ein Token besorgen, sonst funktioniert der Flow nicht. Wie Ihr so ein Anwendungstoken beantragt steht auf der gitHub Seite, genauso wie Ihr Euer persönliches Anmeldetoken erstellt.

        Erst dann könnt ihr auch selbst die API nutzen, die hier dokumentiert ist.

        Das Ganze habe ich noch in der Hilfe zu dem Flow geschrieben:

        78352879-f97f-4e4a-ad8f-0537228a3594-image.png

        Also einfach mal den Info Tab aufmachen. 😉

        Den Flow importiert man über diese Datei:

        Spritmonitor.json

        Hat man den Flow importiert und das App-Token in die Umgebungsvariable des Flows eingetragen, dann sollte in Eurem Dashboard eine neue Seite erscheinen:

        Nachdem ihr dann auch noch Euer persönliches Zugangstoken erstellt habt, könnt ihr Euch anmelden. Das müsst ihr jedesmal wieder da reinkopieren und Euch anmelden bzw. abmelden:

        ed67fb6b-0d46-4004-9511-9003297ba3b6-image.png (s. grüner Pfeil)

        Falls ihr kein App-token habt bekommt ihr bei jedem Anmeldeversuch auch noch mal einen Hinweis mit dem Link zur GitHub Seite:

        1c1e7ced-3a6c-4b39-945f-6c227bfe4a98-image.png

        Ist die Anmeldung OK, dann wird Euch das angezeigt und gleichzeitig wieviele aktive Fahrzeuge ihr habt:

        4bfbc723-c759-4781-a892-670f67335216-image.png

        Über die Drop Down Box könnt ihr das dann auswählen, der Rest ist denke ich selbsterklärend.

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

          @mickym So erledigt

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

            @mickym Bei mir sieht es jetzt so aus:
            Bildschirmfoto_2022-12-08_um_00_54_47.png

            Die Spaltenbreite kann ich wahrscheinlich in der dropdown node noch anpassen, oder?

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

              @damrak2022 Du kannst die ziehen - Du kannst aber auch alles in der table Node selbst anpassen, die sollte Dir ja inzwischen bekannt sein und es gibt ja nur eine. 😉

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

                @mickym Ja, sorry, ich meinte auch die table node. Ja, dann ist okay, ich will nur nichts versemmeln, deswegen sichere ich den erstmal

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

                  @damrak2022

                  7f2bd73c-cade-48dc-89cf-c03e6ad39963-image.png

                  Ich sehe auch, dass bei Dir die Sonderzeichen nicht richtig dargestellt werden, aber wie gesagt das ist nicht schlimm. Mit der Maus kannst Du es temporär ziehen, ansonsten musst halt die px anpassen.

                  Du kannst auch die ganze Gruppe größer machen oder Spalten weglassen - das kannst Du alles selbst anpassen. ICh habe halt 12 Einheiten genommen, dann geht es halt noch auf dem Handy im Querformat.

                  In der table Node kannst einfach Spalten rauslöschen:
                  2c1a868b-7bf7-4cf6-9f34-5c0052ce7ba9-image.png

                  die Pixel anpassen.

                  Du kannst auch mal - wenn bei Dir das € Zeichen nicht richtig dargestellt wird

                  €
                  

                  anstelle dessen eingeben. Mit dem Strichpunkt:

                  8e329732-b4a8-4be9-b57f-07a67eb957cd-image.png

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

                    @mickym Ja, das probiere ich jetzt alles in Ruhe aus.

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

                      @mickym Bildschirm­foto 2022-12-08 um 03.20.56.png

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

                        @damrak2022 Schaut gut aus - nur passt das Bild nicht, wenn Du Dein anderes Auto auswählst. 😉

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

                          @mickym Ja, dieses Thema hatten wir schon mal mit dem Bilderwechsel. Das habe ich damals schon nicht begriffen. Aber nicht mehr heute

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

                            @mickym Ich rätsel schon eine ganze Weile, wie das mit dem Bilderwechsel funktioniert, zumal es ja in Abhängigkeit des ausgewählten Autos stehen muss.

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

                              @damrak2022 So ich hab den Flow nochmal überarbeitet - sodass die Daten mit jedem Browserrefresh neu abgerufen werden, sodass die Daten korrekt aktualisiert werden. Ein Pollen, also ein automatisches Abrufen in bestimmten Zeiteinheiten mache ich bewusst nicht.

                              Die Table Node kannst Du durch Deine Node wieder ersetzen. Da ich vorne dran noch einen Knoten gemacht habe - brauchst Du Dir keine Sorgen um Mehrfachanbindungen der table Node machen.

                              f3fe23fd-da75-4344-b7c4-b8029d5495a8-image.png

                              Hier nun die nächste Version:

                              Spritmonitor.de.json

                              Wichtig ist, dass die Seite noch Spritmonitor heißen muss. Wenn Du die umbenennst dann musst Du die Switch Node
                              ändern, die momentan filtert, dass nur auf Ereignisse dieser Seite als Trigger dienen.

                              76aa94d4-6c23-4ad8-9651-22b0abea61dd-image.png

                              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 Ich rätsel schon eine ganze Weile, wie das mit dem Bilderwechsel funktioniert, zumal es ja in Abhängigkeit des ausgewählten Autos stehen muss.

                                Ja Du musst also im Prinzip den Flow beeinflussen und wie Du sagst wird ja das Auto nach der DropDown Liste und dann über eine Change Node selektiert.

                                Damit Du nicht den Flow zerstören und nicht mit Kabeln aus dem Flow hantieren musst und auch keine Link-IN und Link-Out Nodes nutzen musst, kannst Du die Complete Node nutzen.

                                Diese Node spiegelt Dir die Ausgabe einer bestimmten Node aus dem Flow. Das funktioniert aber nicht mit allen Nodes - aber zum Glück funktioniert es mit einer Change Node.

                                Im Prinzip brauchst Du also die Ausgabe der Change Node "Aktives Fahrzeug", die die Auswahl des DropDown Feldes verarbeitet. Ich hab das mal markiert.

                                966e83ee-6b21-4d6d-8ec8-3a67eeeac61b-image.png

                                Es gibt aber eine ganz geniale Node - die aber sehr selten verwendet wird. Die complete Node.

                                0c2dc5a6-868d-4f51-815a-15ed824c5a49-image.png

                                Ich hab sie mal "Aktives Fahrzeug" genannt.

                                Mit der complete Node gibst Du an welche Nodes überwacht werden sollen.

                                In der complete sucht Du nach den Nodes die "Aktives Fahrzeug" heißen (gelb markiert)

                                85e32298-2a41-4d61-8dae-6e39925eac6c-image.png

                                und markierst natürlich die Change Node.

                                Wenn diese Change Node dann fertig ist, dann bekommst Du die gleiche Ausgabe gespiegelt heraus:

                                41cf3864-35b3-449c-adf7-3928fdc93df4-image.png

                                Damit kannst Du dann weiter arbeiten und selbst weiterarbeiten ohne dass Du in den Flow großartig eingreifen musst.

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

                                  @mickym Mein Layout sieht seltsam aus
                                  Bildschirm­foto 2022-12-09 um 00.32.33.png

                                  Ich habe es mit der original table node übernommen, weil ich die ja einfach wieder einstellen kann

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

                                    @damrak2022 Tja das eine ist die Table Node die Du weg gesichert hast - und die keine Daten bekommt. Die andere ist die aus dem neuen Flow. 😉

                                    Du musst natürlich dann Dein table Node anstelle der jetzigen im Flow ersetzen. 😉 2 ist bissi schlecht. 😉

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

                                      @mickym Stimmt, ich sag ja mir geht es heute nicht gut. Habe vergessen die zu löschen🤕

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

                                        @mickym Beim Bildwechsel mache ich etwas falsch, denn bei mir sieht das so aus:
                                        Bildschirmfoto_2022-12-09_um_20_53_06.png Bildschirmfoto_2022-12-09_um_20_52_55.png
                                        Bildschirm­foto 2022-12-09 um 20.59.16.png
                                        Ich sehe auch, das bei Dir die Complete Node etwas anders aussieht

                                        DJMarc75 mickym 2 Replies Last reply Reply Quote 0
                                        • DJMarc75
                                          DJMarc75 @Damrak2022 last edited by

                                          @damrak2022 mal ne Frage so zwischendurch:
                                          Macht Ihr da einen Mix aus privaten Nachrichten und Posts hier im Beitrag ? Da blickt keiner durch ! Das wäre schade weil das Forum hier ja eigentlich helfen soll... für Suchende und nicht nur für euch "Insider" ... bitte ändern wenn dem so ist !

                                          mickym Damrak2022 2 Replies Last reply Reply Quote 0
                                          • mickym
                                            mickym Most Active @DJMarc75 last edited by

                                            @djmarc75 Ja stimmt schon - ich gelobe Besserung. Wobei ich schon immer versuche auch @Damrak2022 dazu zu bewegen alles im Thread zu posten. 😉

                                            Damrak2022 1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            864
                                            Online

                                            31.9k
                                            Users

                                            80.2k
                                            Topics

                                            1.3m
                                            Posts

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