HTML5 Web site for T&L Node measurements. Gauges for real-time data and interactive graphs. Data is sourced from an MQTT broker and/or a database.
Categories: Infrastructure
The T&L Node Console is a responsive HTML5 website built from a HTML5 Boilerplate template. The template was customizied with these H5BP Options:
These H5BP Options were omitted because the T&L Console is intended for internal home use only and these don’t make sense if the website is not generally accessible:
The javascript MQTT client is from paho.
The basis for the real-time gauges is JustGage
These instructions work for Ubuntu and assume that a working Apache2 HTTP server has been configured:
Clone the repository
Note: the directory you clone into must be accessible by the
user that is used to run the Apache2 server. On Ubuntu
this is typically www-data
.
Copy the TLnodeConsole.conf
file to /etc/apache2/sites-available/
/etc/apache2/sites-available/TLnodeConsole.conf
file:
XXX_FULL_PATH_TO_TLnodeConsole_html
(two places) with
the full path to the html/
directory.Set your MQTT configuration by copying the XXXX file to XXXX and modify the values as appropriate for your network.
$ sudo a2ensite TLnodeConsole
The TLnodeConsole web site should now be available at http://localhost:8888/.
Comments