Einbindung dynamischer Webseiten in Home Assistant mittels Scraping

Home Assistant 2. Sep. 2025

Einleitung
Die Integration von Daten aus externen Webseiten in Home Assistant (HA) kann die Funktionalität und Benutzererfahrung erheblich erweitern. Insbesondere das Scraping von dynamischen Webseiten, die oft in Form von PHP-Skripten (.php) vorliegen, stellt eine Herausforderung dar. In diesem Artikel wird erläutert, wie du Grafiken von solchen Seiten in dein Home Assistant einbinden kannst.

Problem
Ein Benutzer wollte die Grafik von der Webseite Wind-Journal.de in Home Assistant integrieren. Dabei stieß er auf die Einschränkung, dass die Scrape-Funktion von Home Assistant nur statische HTML-Seiten unterstützt. Der Versuch, die dynamische PHP-Seite einzubinden, führte zu einer Fehlermeldung: „Restdaten konnten nicht aktualisiert werden. Überprüfe deine Konfiguration“.

Lösung
Anstelle der Scrape-Funktion kann die Bild-Karte von Home Assistant verwendet werden, um Grafiken von dynamischen Webseiten anzuzeigen. Diese Methode ist einfach und effektiv, da sie es ermöglicht, die URL der Grafik direkt anzugeben, ohne sich mit den Einschränkungen des Scraping auseinandersetzen zu müssen.

Um die Grafik von der angegebenen Webseite einzubinden, folge diesen Schritten:

Schritte zur Umsetzung
1. Öffne die Konfigurationsdatei: Gehe zu deiner configuration.yaml-Datei in Home Assistant.
2. Füge die Bild-Karte hinzu: Verwende die folgende YAML-Konfiguration, um die Bild-Karte zu erstellen. Ersetze den Platzhalter DEINE_BILD_URL mit der URL der Grafik, die du einbinden möchtest.

   type: picture
   image: DEINE_BILD_URL
  1. Speichere die Änderungen: Speichere die configuration.yaml-Datei und starte Home Assistant neu, um die Änderungen zu übernehmen.

Hintergrundwissen
Die Scrape-Funktion in Home Assistant ist darauf ausgelegt, Daten von statischen HTML-Seiten zu extrahieren. Dynamische Seiten, die durch serverseitige Skripte wie PHP generiert werden, können oft nicht direkt gescraped werden, da sie Inhalte zur Laufzeit generieren. Die Verwendung von Bild-Karten umgeht dieses Problem, indem sie direkt auf die Bildressource verweist.

Zusätzliche Infos

FunktionErklärung
pictureZeigt ein Bild von einer angegebenen URL an.
ScrapeExtrahiert Daten von statischen HTML-Seiten.
configuration.yamlHauptkonfigurationsdatei für Home Assistant, in der alle Integrationen definiert werden.

Hinweise & Best Practices
- Stelle sicher, dass die URL der Grafik direkt auf das Bild verweist und nicht auf eine HTML-Seite.
- Überprüfe die Bildgröße und -format, um sicherzustellen, dass sie in Home Assistant gut dargestellt wird.
- Teste die URL in einem Browser, um sicherzustellen, dass das Bild korrekt geladen wird, bevor du es in Home Assistant einfügst.
- Halte die Home Assistant-Instanz und alle Integrationen auf dem neuesten Stand, um Komplikationen zu vermeiden.