Mosquitto: WebSockets

Cómo conectarse a MQTT utilizando 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!

Tiene dos opciones principales para conectarse a Mosquitto: el protocolo MQTT nativo o WebSockets.

El protocolo MQTT es ampliamente reconocido por su diseño ligero, lo que lo hace especialmente adecuado para dispositivos IoT y entornos con recursos limitados. Sin embargo, la mayoría de los navegadores web no admiten conexiones MQTT directas. Aquí es donde los WebSockets resultan útiles, ya que permiten ejecutar MQTT sobre una conexión WebSocket, haciendo posible interactuar con servidores MQTT desde sus aplicaciones basadas en navegador.

Para empezar a utilizar WebSockets, simplemente active la opción "Soporte WebSocket" en su panel de Stackhero. Una vez que esta función esté habilitada, solo tiene que configurar su cliente con la URL de WebSocket: wss://<XXXXXX>.stackhero-network.com:443. Esta URL sustituye a la URL segura estándar de MQTT, que es: mqtts://<XXXXXX>.stackhero-network.com.

Elección de una librería MQTT

Si su aplicación está desarrollada en JavaScript, puede considerar la librería MQTT.js. Es una opción flexible que funciona tanto en entornos Node.js como directamente en el navegador. La documentación y el código fuente de la librería están disponibles aquí: https://github.com/mqttjs/MQTT.js.

Ejemplo: Conexión a MQTT utilizando WebSockets

Puede encontrar una demostración práctica de cómo conectar una aplicación web a un servidor MQTT usando WebSockets en este repositorio de ejemplo: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Cuando pruebe este ejemplo, recuerde actualizar el archivo src/index.html con la url, el username y el password de su propio servidor.

Ejemplo MQTT WebSocket

Recuerde activar el soporte WebSocket en el panel de Stackhero antes de continuar.