Home Assistant: Externe Inhalte in Lovelace anzeigen

Es kommt leider immer wieder vor, dass man externe Inhalte in Lovelace anzeigen muss/mรถchte. Ich betone zwar immer wieder, dass es nahezu fรผr jeden Anwendungszweck eine Integration fรผr Home Assistant gibt, dennoch binde ich selbst mehrere externe Inhalte in Lovelace ein – also Daten/Inhalte, die nicht von einer Home Assistant Integration kommen.

Zugegeben, diese Methode Daten oder Zustรคnde in Home Assistant anzuzeigen, ist definitiv nicht wirklich sexy. Aber wenn es halt nicht anders geht, sollte man auch diese Mรถglichkeit das eigene Smarthome noch smarter zu machen in Betracht ziehen.

Wie in meinem letzten Beitrag (Aktuelle Spritpreise in Home Assistant anzeigen) beschrieben, habe ich mehrere Lรถsungen fรผr Home Assistant, die ich auf einem regulรคren Webserver laufen lasse und von denen ich lediglich anzuzeigende Informationen (wie zum Beispiel die aktuellen Spritpreise, bevor ich auf die Tankerkoenig Integration aufmerksam geworden bin) in Lovelace darstelle.

Mรผllkalender in Lovelace anzeigen

So habe ich zum Beispiel ein Mini-Script, mit welchem ich tagesaktuell den Mรผllkalender meines lokalen Mรผllentsorgers „auslese“ und dann in Home Assistant auf meinem Dashboard anzeigen. Ja, auch hierfรผr gibt es grundsรคtzlich Integrationen, jedoch leider nicht fรผr unseren lokalen Mรผllentsorger, so dass ich mit PHP selbst Hand angelegt habe.

Externe Inhalte in Lovelace anzeigen: Mรผllkalender

Ich hole mir einmal am Tag den aktuellen Mรผllkalender vom lokalen Mรผllentsorger, speichere ich nรคchsten 7 Tage in einer XML-Datei und stelle diese Termine dann mittels eines anderen kleinen Scriptes wiederum dar. Dieses Anzeige-Script binde ich dann noch in Lovelace ein und schon sehe ich beim Aufruf meines Lovelace-Dashboards immer die in den nรคchsten Tagen fรคlligen Mรผlltonnen. Definitiv keine Raketenwissenschaft, aber immer aktuell und somit einfach genug!

DHL-Packstation PIN in Lovelace anzeigen

Ein weiteres Mini-Script, welches ich in PHP geschrieben habe und auf meinem Webserver laufen lasse, ermittelt fรผr mich automatisch die aktuellste PIN fรผr Lieferungen, die in die DHL-Packstation geliefert wurden.

Externe Inhalte in Lovelace anzeigen: DHL PIN

Auch hierbei handelt es sich definitiv nicht um Raketenwissenschaften, aber auch dieses Beispiel ist eine Erleichterung im Alltag! Da nicht nur ich Pakete an die Packstation schicken lasse sondern meine Frau dieses ebenfalls nutzt, ist es natรผrlich einfacher, wenn die aktuellste PIN automatisch im Home Assistant angezeigt wird. Erhรคlt meine Frau also eine Benachrichtigung, dass ein erwartetes Paket in die Packstation eingeliefert wurde, wird ihr direkt die benรถtigte PIN in Home Assistant angezeigt.

Wie ich das konkret umgesetzt habe, beschreibe ich in diesem Beitrag.

Externe Inhalte in Lovelace anzeigen

Wie diese einfachen, aber alltagserprobten Beispiele zeigen, kann es durchaus nรผtzlich sein sich externe Inhalte in Lovelace anzeigen zu lassen.

Wie eingangs bereits gesagt, ist der Nachteil von externen Inhalten, dass diese tatsรคchlich nur zur Anzeige genutzt werden kรถnnen. Eine Interaktion mit den sich gegebenenfalls รคndernden Werten ist hierรผber leider nicht ohne weiteres mรถglich. Entsprechend kann das Einbinden von externen Inhalten in Lovelace mitunter nicht fรผr jeden Anwendungsfall die richtige oder perfekte Lรถsung sein.

Fรผr die von mir zuvor beschriebenen Beispiele (DHL PIN und Mรผllkalender) reicht die beschriebene Methode jedoch aus, da die externen Daten tatsรคchlich nur angezeigt werden sollen. Ich habe keine Automatisierungen oder รคhnliches, die auf diese Daten angewiesen sind.

Um sich in Lovelace externe Inhalte anzeigen zu lassen, bedient man sich sogenannter Iframes, die Webentwicklern bekannt sein dรผrften!

Mit den folgenden Zeilen Code, binde ich sowohl die DHL PIN, als auch den Mรผllkalender in meinem Dashboard ein:

      - type: iframe
        aspect_ratio: 10%
        title: DHL PIN
        url: 'https://eineURL.de/dhlpin/index.php'
      - type: iframe
        aspect_ratio: 35%
        title: Mรผlltonnen
        url: 'https://eineURL.de/muellkalender/'

Natรผrlich sind die URLs nicht die echten – aber das mรผssen sie zum veranschaulichen/erklรคren auch nicht sein. Wichtig ist nur, dass du hier natรผrlich die fรผr dich relevante URL(s) eintrรคgst.

Darรผber hinaus gibt es noch weitere Parameter, รผber welche du das Aussehen des Iframes geringfรผgig beeinflussen kann. Die komplette Liste der gegebenen Mรถglichkeiten/Parameter findet du auf der offiziellen Seite von Home Assistant: Webpage Card in Home Assistant.

Wie bereits beschrieben, handelt es sich bei solchen Iframes definitiv nicht um eine Lรถsung, die als sexy zu bezeichnen wรคre. Doch gegebenenfalls hilft es auch dir weiter, dein Smarthome noch ein wenig smarter zu machen! ๐Ÿ™‚

Dieser Beitrag ist Teil einer kleinen Beitrags-Serie rund um den hass.io Home Assistant.

2 Gedanken zu „Home Assistant: Externe Inhalte in Lovelace anzeigen“

    • Hallo Daniel! Ja, darรผber kann ich gerne in den nรคchsten Tagen was schreiben. Aber ich warne dich vor: Meine Lรถsung ist wirklich quick&dirty – aber sie funktioniert! 😉

Kommentare sind geschlossen.