Dynamische Werte auf meiner Startseite: Ein Blick hinter die Kulissen

Auf meiner Startseite seht ihr dynamische Informationen wie die Anzahl meiner Makerworld-Modelle, die GitHub-Sterne meiner Projekte und die erzeugte Energie meiner Solaranlage. Doch wie finden diese Werte eigentlich den Weg auf die Webseite? In diesem Artikel zeige ich euch, wie ich Home Assistant, eine selbstgebaute Flask API und eine MySQL-Datenbank nutze, um diese aktuellen Werte stets verfügbar zu machen.

Die Ausgangssituation: Daten aus verschiedenen Quellen Home Assistant ist mein zentraler Hub für Smart-Home- und Energiedaten. Von dort beziehe ich die Solarproduktion direkt, während die Daten von Makerworld über einen Scrape-Sensor erfasst werden. Diese Informationen landen in Home Assistant und werden dort regelmäßig aktualisiert.

Der Weg in die Flask API Die gesammelten Daten aus Home Assistant benötigen dann noch einen kleinen Umweg, bevor sie in meinen Blog eingebunden werden können. Hier kommt eine eigens entwickelte Flask API ins Spiel. Diese API fungiert als Brücke zwischen Home Assistant und meiner Datenbank. Sie empfängt die Daten von Home Assistant und speichert sie in einer MySQL-Datenbank ab. Für mich war es dabei auch wichtig, einen Sicherheitsabstand zu schaffen: Die Daten werden aus meinem Smart Home herausgeschickt, statt direkt von außen abrufbar zu sein. So können die Werte auf verschiedenen Plattformen weiterverwendet werden und sind jederzeit abrufbar.

Die Speicherung und Bereitstellung für den Blog Die Daten werden regelmäßig in die MySQL-Datenbank geschrieben, und von dort aus stehen sie meiner Webseite zur Verfügung. Eine weitere Route in der Flask API ermöglicht meinem Blog, die aktuellsten Werte abzurufen und auf der Startseite anzuzeigen. Dadurch sind die angezeigten Daten nicht statisch, sondern passen sich automatisch an die Realität an – ein echtes dynamisches System.

Zeitleiste des Prozesses Um euch den Prozess anschaulicher darzustellen, habe ich eine Zeitleiste vorbereitet: