Node-RED: Conexión a MQTT mediante WebSockets

Esta documentación forma parte de la guía Servidor MQTT. Consulte la guía completa aquí: Cómo conectar Node-RED al servidor Mosquitto MQTT.

👋 ¡Bienvenido a la documentación de Stackhero!

Stackhero ofrece una solución Node-RED cloud lista para usar que proporciona una serie de beneficios, incluyendo:

• Servidor MQTT incluido (Mosquitto).
• Acceso completo a la interfaz de administración de Node-RED.
• Dashboard de Node-RED incluido.
• Servidor de correo SMTP ilimitado y dedicado incluido.
• Actualizaciones sin esfuerzo con solo un clic.
• Nombre de dominio personalizable asegurado con HTTPS (por ejemplo, https://node-red.tu-empresa.com).
• Rendimiento óptimo y seguridad robusta impulsados por una VM privada y dedicada.

Ahorra tiempo y simplifica tu vida: ¡solo toma 5 minutos probar la solución de Node-RED cloud hosting de Stackhero!

Tiene la posibilidad de conectarse al servidor Mosquitto MQTT utilizando tanto el protocolo MQTT como WebSockets.

Aunque el protocolo MQTT es ligero y especialmente adecuado para dispositivos IoT, no está soportado de forma nativa en los navegadores web. Si desea interactuar con su servidor MQTT desde un navegador, deberá utilizar WebSockets. Este método permite encapsular el tráfico MQTT dentro del protocolo WebSocket y funciona perfectamente con los servicios de Stackhero.

Para habilitar la conectividad WebSocket, simplemente active la opción "WebSocket Support" en su panel de Stackhero. Una vez activada, puede configurar su cliente para utilizar la URL WebSocket: wss://<XXXXXX>.stackhero-network.com:443/mqtt. Asegúrese de sustituir la URL predeterminada mqtts://<XXXXXX>.stackhero-network.com por esta URL WebSocket para las conexiones desde el navegador.

Elección de una librería MQTT

Para el desarrollo, la librería "MQTT.js" resulta especialmente útil. Es una librería JavaScript robusta, compatible tanto con Node.js como con entornos de navegador. Puede obtener más información en su repositorio oficial.

Ejemplo de conexión navegador-a-MQTT mediante WebSockets

Si busca un ejemplo práctico de cómo conectar su navegador al servidor MQTT usando WebSockets, puede consultar este repositorio: https://github.com/stackhero-io/mqttWebSocketGettingStarted. Puede modificar el archivo src/index.html con la url, el username y el password de su servidor para adaptarlo a su configuración.

Ejemplo de MQTT WebSocket

Antes de probar esta configuración, asegúrese de que el soporte de WebSocket está habilitado en su panel de Stackhero. Así se garantiza el correcto funcionamiento de las conexiones desde el navegador.