Templated Web Page with live updates

This example can be used to output a standardised web page template. I've used Zurb Foundation to provide the structure.

It also shows how to use both raw websockets and MQTT over websockets (via the Paho library) to send/receive live data between the web page and Node-Red.

There are a number of dependencies, flows, subflows and files so I've put all the code on Github rather than here.

https://github.com/TotallyInformation/node-red-example-liveupdates

{}
TotallyInformation

Flow Info

created 2 years, 4 months ago

Node Types

Tags

  • live-updates
  • templates
  • mqtt
  • websockets
  • zurb-foundation
  • web-pages
Copy this flow JSON to your clipboard and then import into Node-RED using the Import From > Clipboard (Ctrl-I) menu option