Mosquitto: WebSockets

Come connettersi a MQTT utilizzando WebSockets

👋 Benvenuti nella documentazione di Stackhero!

Stackhero offre una soluzione Mosquitto MQTT cloud pronta all'uso che fornisce numerosi vantaggi, tra cui:

• Scambi e trasferimenti illimitati di messaggi.
• Autenticazione illimitata dei dispositivi tramite un'API esterna.
• ACL avanzate su argomenti, utenti e azioni.
• Nome di dominio personalizzabile sicuro con HTTPS (ad esempio, https://mqtt.your-company.com).
• Aggiornamenti semplificati con un solo clic.
• Prestazioni ottimali e sicurezza robusta grazie a una VM privata e dedicata.

Risparmiate tempo e semplificate la vostra vita: bastano 5 minuti per provare la soluzione Mosquitto MQTT cloud hosting di Stackhero!

È possibile connettersi a Mosquitto utilizzando il protocollo MQTT o i WebSockets.

Il protocollo MQTT è noto per la sua leggerezza, rendendolo una scelta eccellente per i dispositivi IoT. Tuttavia, le connessioni MQTT dirette non sono fattibili per le applicazioni web, poiché i browser non supportano nativamente MQTT. Per colmare questa lacuna, è possibile utilizzare il supporto WebSocket, che incapsula MQTT all'interno di una connessione WebSocket.

Per abilitare l'uso dei WebSocket, è possibile attivare l'opzione "WebSocket support" nel dashboard di Stackhero. Una volta abilitato, configurare il client per connettersi utilizzando l'URL wss://XXXXX.stackhero-network.com:443 come indirizzo del server. Questo sostituisce l'URL di connessione MQTT standard mqtts://XXXXX.stackhero-network.com.

Scegliere una libreria MQTT

Se si sta sviluppando un'applicazione basata su JavaScript, considerare l'uso della libreria MQTT.js. Questa libreria è altamente versatile e funziona perfettamente sia negli ambienti Node.js che direttamente nei browser web. È possibile trovare la sua documentazione e il repository qui: https://github.com/mqttjs/MQTT.js.

Esempio di connessione a MQTT utilizzando WebSockets

Per una dimostrazione pratica su come connettere un browser web a un server MQTT utilizzando WebSockets, consultare questo repository di esempio: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Quando si utilizza questo esempio, aggiornare il file src/index.html con lo specifico url, username e password del proprio server.

Esempio MQTT WebSocket

Non dimenticare di attivare il supporto WebSocket nel dashboard di Stackhero prima di procedere.