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 – 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…