Mosquitto: Example: Connecting to MQTT using WebSockets

This documentation is part of the WebSockets guide. View the full guide here: How to connect to MQTT using WebSockets.

👋 Welcome to the Stackhero documentation!

Stackhero gives you a fully managed Mosquitto MQTT cloud environment designed for reliability and flexibility:

• Unlimited message throughput and data transfers, so your workflows never hit artificial limits.
• Unlimited device authentication through your own external API, making onboarding and access management seamless.
• Advanced ACLs for fine-grained control over topics, users, and actions.
• A custom domain name with built-in HTTPS for secure, branded endpoints (for example: https://mqtt.your-company.com).
• Zero-hassle updates: apply improvements or security patches with a single click.
• Consistent performance and strong security, with every instance running on a private, dedicated infrastructure.

Accelerate your IoT projects and reduce operational overhead. You can have a secure, production-ready Mosquitto MQTT cloud hosting instance up and running in just a few minutes.

You can find a practical demonstration of how to connect a web application to an MQTT server using WebSockets in this example repository: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

When trying out this example, remember to update the src/index.html file with your own server url, username, and password.

MQTT WebSocket example

Remember to activate WebSocket support in the Stackhero dashboard before proceeding.