Mosquitto: WebSockets

Cómo conectarse a MQTT usando WebSockets

👋 ¡Bienvenido a la documentación de Stackhero!

Stackhero ofrece una solución Mosquitto MQTT cloud lista para usar que proporciona una serie de beneficios, incluyendo:

• Intercambios y transferencias de mensajes ilimitados.
• Autenticación de dispositivos ilimitada a través de una API externa.
• ACLs avanzadas en temas, usuarios y acciones.
• Nombre de dominio personalizable asegurado con HTTPS (por ejemplo, https://mqtt.su-empresa.com).
• Actualizaciones sin esfuerzo con solo un clic.
• Rendimiento óptimo y seguridad robusta impulsados por una VM privada y dedicada.

Ahorre tiempo y simplifique su vida: ¡solo toma 5 minutos probar la solución de Mosquitto MQTT cloud hosting de Stackhero!

Puede conectarse a Mosquitto utilizando el protocolo MQTT o WebSockets.

El protocolo MQTT es conocido por su naturaleza ligera, lo que lo convierte en una excelente opción para dispositivos IoT. Sin embargo, las conexiones directas de MQTT no son factibles para aplicaciones web, ya que los navegadores no soportan MQTT de forma nativa. Para salvar esta brecha, puede utilizar el soporte de WebSocket, que encapsula MQTT dentro de una conexión WebSocket.

Para habilitar el uso de WebSocket, puede activar la opción "WebSocket support" en su panel de control de Stackhero. Una vez activado, configure su cliente para conectarse utilizando la URL wss://XXXXX.stackhero-network.com:443 como dirección del servidor. Esto reemplaza la URL de conexión estándar de MQTT mqtts://XXXXX.stackhero-network.com.

Elegir una biblioteca MQTT

Si está desarrollando una aplicación basada en JavaScript, considere usar la biblioteca MQTT.js. Esta biblioteca es muy versátil y funciona perfectamente tanto en entornos Node.js como directamente en navegadores web. Puede encontrar su documentación y repositorio aquí: https://github.com/mqttjs/MQTT.js.

Ejemplo de conexión a MQTT usando WebSockets

Para una demostración práctica de cómo conectar un navegador web a un servidor MQTT usando WebSockets, consulte este repositorio de ejemplo: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Cuando utilice este ejemplo, actualice el archivo src/index.html con el url, username y password específicos de su servidor.

Ejemplo de MQTT WebSocket

No olvide activar el soporte de WebSocket en el panel de control de Stackhero antes de continuar.