Uploaded March 2021 | Updated September 2026, 3 weeks ago

---

In this video tutorial I will demonstrate how you can display MQTT data on a standard web page and also how to send control data using a web page.
To do this the MQTT broker needs to support MQTT over web sockets which they all do but it may not be enabled by default.
If you want to do this on your own broker then see the tutorial on websockets which shows how to configure Mosquitto to support web sockets.

Buy me a Coffee
buymeacoffee.com/steveH5u

steves-internet-guide.com/mqtt-websockets


You can download the demo flow here
buymeacoffee.com/steveH5u/e/71477


Related videos and tutorials


MQTT Over Websockets Explained for Beginners
youtu.be/EvUI4vRhF88
Using The JavaScript MQTT Client With Websockets

steves-internet-guide.com/using-javascript-mqtt-client-websockets
Using the JavaScript MQTT Websockets Client - (Step by Step Example)-video

youtu.be/DMm20Z7SF4M

Using the JavaScript MQTT client- Example2
youtu.be/_6_5ubPfm8U

My Books
steves-internet-guide.com/books