Aus dem Kurs: Node.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Wetterdaten ans Frontend geben

Wetterdaten ans Frontend geben – Tutorial zu Node.js

Aus dem Kurs: Node.js Grundkurs

Wetterdaten ans Frontend geben

In Kapitel 4 haben wir mithilfe von Open-Meteo Wetterdaten von Graz geladen. Das habe ich für dieses Beispiel etwas vereinfacht und eine Funktion geschrieben, wetterInGraz(), die uns den fertigen Wettertext zurückgibt, nachdem sie die API angefragt hat. Diesen Wettertext geben wir dann an unser Pug-Template weiter, was ich unter weather.pug definiert habe. Und hier wird das dann einfach in das p-Tag geschrieben und das p-Tag hat auch eine HTML-ID, die wir später noch verwenden wollen. Und außerdem habe ich Beispiel-JavaScript-Code für später vorbereitet. Wir bekommen also immer aktuelle Wetterdaten, wenn wir die Seite manuell neu laden. Das ist etwas unpraktisch und wir wollen mithilfe von WebSockets alle 5 Sekunden automatisch neue Daten bereitstellen. Dazu nutzen wir das npm-Package WS und für die Verwendung importieren Sie dann WebSocket-Server von diesem Package. Wir haben ja bereits einen Node-Web-Server, der das HTML ausgibt. Jetzt brauchen wir aber zusätzlich noch den…

Inhalt