A simple web interface which is able to subscribe to a MQTT topic and display the information.
The screenshot shows an example how to keep track on what's going in your apartment or your house. It's not about controlling, this setup is about observing various states.
What to see
mqtt-panel in action -> http://youtu.be/Qb0UJa9kf2g
Get the files
$ git clone email@example.com:fabaff/mqtt-panel.git
mqtt-panel is using the listed projects to provide its functionality:
If you are using Fedora and want to generate MQTT messages, install the
paho-mqtt Python bindings for
$ sudo dnf -y install python-paho-mqtt
A MQTT broker/server with Websocket support is needed.
- mosquitto - An Open Source MQTT v3.1/3.11 broker
- mosca - A multi-transport MQTT broker for node.js (Project seems abandoned)
- Make sure that your MQTT broker/server is running and listening.
var host = '127.0.0.1';and
var port = 3000;in the file
index.htmlto match your setup. Also,
var topic = '#';.
index.htmlin a modern web browser.
Generate MQTT messages
./test-messages.py script to publish test messages if you have
no other source for messages. Depending on your broker you may need to set
the supported version, on line 33:
protocol=mqtt.MQTTv311 and adjust
the broker and its port.
For manually sending messages to your MQTT broker/server you can use
$ mosquitto_pub -V mqttv311 -h localhost -d -t home/front/door -m "false"
To check if the messages are are ok, subscribe to the topic home/# with
$ mosquitto_sub -V mqttv311 -h localhost -d -t home/#
mqtt-panel was inspired by the ideas of:
mqtt-panel licensed under MIT, for more details check LICENSE.