How to build your own custom MQTT dashboard?

WriteUp:

Publish and Subscribe to MQTT messages over WebSocket:

Code:

Responsive Dashboard:

If you like my post or videos then please consider subscribing to my channels and sharing them with your friends:

If you are generous and think I have helped you, please consider buying me a coffee. 🙂
Buy Me a Coffee:

#mqtt
#mosquitto
#node
#express

[memet]

great project and video, I'm your work is awesome,

[ariel]

Excelente video, muy bueno, ojala puedas migrarlo a react con firebase, y dandole
un giro muy bueno. Sigue asi!!!

[Kanze_]

Great project nice man. Btw how to show up AWS data on that dashboard?

[tronauts]

I have adjusted mqtt_broker and mqtt_topic in VSC with MQTTX and can also publish and subscribe... but at the end of the experiment, the dashboard says Connection Status: Disconnect/Closed. Why did it happen?

[nickljr]

Hey! Great work! I would like to discuss something with you, what’s the best way to reach out?

[chebron]

Hello, great example. Mine is running well with Web Socket. How to use TCP instead of Web Socket?

[David-iqkd]

Are there any reasons you would not want to use MQTT.js directly in the client side js, instead of needing a node.js back end?

[Killerpantschannel]

hi again! im running mqtt from my raspberry pi, is it a need to use websocket or can i just use mqtt itself?

[mofanc]

First of all, I would like to say thank you very much, the video you made was extraordinary

Sir, I would like to ask, if I want to not only display data in real-time but also store the data sent by the microcontroller in some database (to store and view data history later), is this scenario possible for a communication scheme with mqtt-websocket

Thanks

[edinetgrunhed]

did you try external ip address other than localhost?

[inhlong]

I changed brokerUrl but
Why can't I publish data from MQTTX?

[fogus]

Web dashboard is disconnected, what should I do?

[muhammadrifqy]

i got issue
ErrorWithReasonCode: Connection refused: Not authorized