HowTo: Node Red – Display close by gas station prices on the dashboard

Mit NodeRed bzw. den passenden Nodes könnt Ihr sehr leicht Daten aus dem Internet abrufen und aufbereitet anzeigen lassen.

Ein praktischer Anwendungsfall dafür ist zum Beispiel der Abruf von Tankstellenpreisen aus der Umgebung und die automatische Darstellung in einer Tabelle. Der Webdienst Tankerkoenig.de bietet seine Daten netterweise kostenlos zum Abruf über seine API an.

Mit unten angegebenen NodeRed-Code und einem API-Code von Tankerkoenig.de könnt Ihr Euch sehr leicht über die aktuellen Tankstellenpreise auf dem laufenden halten. Dazu werden die Daten regelmäßig abgerufen und übersichtlich in einer Tabelle im Dashboard dargestellt.

Alles was Ihr zur Umsetzung benötigt ist im folgenden Artikel beschrieben.


Sicherheitshinweise

Ich weiß die folgenden Hinweise sind immer irgendwie lästig und wirken unnötig. Aber leider haben schon viele Menschen die es "besser" wussten aus Leichtsinnigkeit Augen, Finger oder anderes verloren bzw. sich verletzt. Im Vergleich dazu ist ein Datenverlust fast nicht der Rede Wert, aber auch diese können echt ärgerlich sein. Deswegen nehmt Euch bitte fünf Minuten Zeit um die Sicherheitshinweise zu lesen. Denn auch das coolste Projekt ist keine Verletzung oder anderen Ärger wert.
https://www.nerdiy.de/sicherheitshinweise/

Affiliatelinks/Werbelinks

Die hier in aufgeführten Links zu Online-Shops sind sogenannte Affiliate-Links. Wenn Du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekommt Nerdiy.de von dem betreffenden Online-Shop oder Anbieter eine Provision. Für Dich verändert sich der Preis nicht. Falls Du Deine Einkäufe über diese Links tätigst unterstützt Du Nerdiy.de dabei auch in Zukunft weitere nützliche Projekte anbieten zu können. 🙂 


Voraussetzungen

Hilfreiche Artikel:
Damit Ihr neue Nodes installieren könnt sollte NodeRed natürlich schon installiert sein.
Wie ihr einen RaspberryPi dazu vorbereitet und dann NodeRed darauf installiert ist in den folgenden Artikeln beschrieben.

Die folgenden drei Artikel beschreiben was zu tun ist um den RaspberryPi soweit vorzubereiten:

Benötigtes Werkzeug:
-keins-

Benötigtes Material:

In der folgenden Liste findet Ihr alle Teile die Ihr zur Umsetzung dieses Artikels benötigt.


In die NodeRed Konfigurationsoberfläche einloggen

Bevor Ihr eure NodeRed Konfiguration bearbeiten könnt müsst Ihr Euch - falls aktiviert - zunächst in die NodeRed Konfigurationsoberfläche einloggen.

Ansicht des Login Dialogs. Hier müsst Ihr die Login Daten eingeben die Ihr während der Konfiguration des Logins angegeben habt. Infos dazu findet Ihr im Artikel NodeRed - Benutzerlogin einrichten.

Benötigte Node installieren

Damit NodeRed mit der Tankerkönig Plattform kommunizieren kann müsst Ihr die Node

  • node-red-contrib-tankerkoenig

installieren. Wie Ihr Nodes installiert ist im Artikel NodeRed – Neue Nodes installieren beschrieben.

Neben dieser Node solltet Ihr außerdem noch die folgenden Nodes installiert haben welche zum Anzeigen der Daten genutzt werden.

  • node-red-node-ui-table
  • node-red-dashboard

Infos zu der Dashboard-Node findet Ihr auch in dem Artikel NodeRed – Mit Dashboard-Nodes eine Benutzeroberfläche erstellen.


NodeCode importieren

Der folgende NodeCode kann direkt importiert werden. Lediglich ein paar Einstellungen müsst Ihr danach noch vornehmen.

Dazu benötigt Ihr auch einen API-Code von tankerkoenig.de. Nur so könnt Ihr auf die Preisdaten zugreifen. Den API-Code könnt Ihr kostenlos unter https://creativecommons.tankerkoenig.de/api-key registrieren.

Den NodeCode zum importieren findet Ihr hier:

https://github.com/Nerdiyde/NodeRedSnippets/blob/master/snippets/tankerkoenig_api_retrieval.json

Wie Ihr NodeCode in Eure eigene NodeRed Installation importieren könnt ist im Artikel NodeRed – Node-Code importieren und exportieren beschrieben.

Eine wichtige Sache: Ihr solltet den Intervall zum Datenabruf nicht zu klein einstellen. Mehr Infos dazu findet Ihr auch auf der tankerkoenig.de Seite.

Ansicht des Flows in der NodeRed Konfigurationsansicht.

Ansicht der abgerufenen Daten in der Tabelle im Dashboard.

Damit die Tankstellenpreise abgerufen werden können müsst Ihr die tankerkoenig-node zunächst konfigurieren.

Klickt dazu auf die Tankerkönig-Node und dann auf den Stift im Abschnitt Location.

Dort könnt Ihr nun Euren Standort konfigurieren. Der Standort wird dabei anhand von Länge- und Breitengrad bestimmt.

Wie Ihr die Koordinaten eines Standorts herausfinden könnt ist im Artikel Breiten- und Längengrad einer beliebigen Position mit GoogleMaps ermitteln beschrieben. Tragt diese Daten dann unter Latitude und Longitude ein.

Außerdem könnt Ihr hier auch den Radius für Eure Preissuche einstellen und natürlich den zuvor erstellten API-Key eintragen.

Die Einstellung für “Type” solltet Ihr auf “All” stehen lassen, da in der Tabelle ansonsten nicht alle Daten angezeigt werden.


Ich hoffe bei euch hat alles wie beschrieben funktioniert. Falls nicht oder ihr Fragen oder Anregungen habt lasst es mich in den Kommentaren bitte wissen. Ich trage dies dann ggf. in den Artikel nach.
Auch Ideen für neue Projekte sind immer gerne willkommen. 🙂

Fab

P.S. Viele dieser Projekte - besonders die Hardwareprojekte - kosten viel Zeit und Geld. Natürlich mache ich das weil ich Spaß daran habe, aber wenn Du es cool findest, dass ich die Infos dazu mit Euch teile, würde ich mich über eine kleine Spende an die Kaffeekasse freuen. 🙂

Buy Me a Coffee at ko-fi.com

Leave a Reply

Your email address will not be published. Required fields are marked *