Visualisierung mit Node Red erstellen

[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]

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

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

@mickym Die Wettericons liegen momentan noch hier :

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

[mickym]

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

/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]

@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

vorhanden.
Ach sorry, Du schreibst Adapter

[mickym]

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

[Damrak2022]

@mickym Ich habe jetzt seit Stunden zig Versuche durch, aber ohne Erfolg. Egal welcher Browser, ich bekomme das Bild als Platzhalter angezeigt

Das ist nur ein kleiner Teil meiner Versuche:

So sieht es im Terminal aus:

So im Dateimanager

Und so in den Adaptereinstellungen:

[DJMarc75]

@damrak2022

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

[Damrak2022]

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

[DJMarc75]

@damrak2022 sagte in Visualisierung mit Node Red erstellen:

Warum müssen da 2 Slashs hin.

wo siehst du 2 ?

[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]

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

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

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

[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.

Du kannst das auch als value eingeben:

[Damrak2022]

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

[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.

[Damrak2022]

@mickym Langsam, da komme ich eventuell später drauf zurück

[Damrak2022]

@mickym Bis jetzt sieht es so aus: