Mosquitto: WebSockets

Como se conectar ao MQTT usando WebSockets

👋 Bem-vindo à documentação da Stackhero!

A Stackhero oferece uma solução Mosquitto MQTT cloud pronta a usar que proporciona uma série de benefícios, incluindo:

• Trocas e transferências de mensagens ilimitadas.
• Autenticação de dispositivos ilimitada via uma API externa.
• ACLs avançadas em tópicos, utilizadores e ações.
• Nome de domínio personalizável seguro com HTTPS (por exemplo, https://mqtt.sua-empresa.com).
• Atualizações simplificadas com apenas um clique.
• Desempenho ótimo e segurança robusta alimentados por uma VM privada e dedicada.

Poupe tempo e simplifique a sua vida: leva apenas 5 minutos para experimentar a solução de Mosquitto MQTT cloud hosting da Stackhero!

Pode conectar-se ao Mosquitto utilizando o protocolo MQTT ou WebSockets.

O protocolo MQTT é conhecido pela sua natureza leve, tornando-o uma excelente escolha para dispositivos IoT. No entanto, as ligações diretas MQTT não são viáveis para aplicações web, pois os navegadores não suportam MQTT nativamente. Para colmatar esta lacuna, pode utilizar o suporte WebSocket, que encapsula MQTT dentro de uma ligação WebSocket.

Para ativar o uso de WebSockets, pode ativar a opção "WebSocket support" no seu painel de controlo Stackhero. Uma vez ativada, configure o seu cliente para se conectar usando o URL wss://XXXXX.stackhero-network.com:443 como endereço do servidor. Isto substitui o URL de conexão MQTT padrão mqtts://XXXXX.stackhero-network.com.

Escolher uma biblioteca MQTT

Se estiver a desenvolver uma aplicação baseada em JavaScript, considere usar a biblioteca MQTT.js. Esta biblioteca é altamente versátil e funciona perfeitamente em ambientes Node.js e diretamente em navegadores web. Pode encontrar a sua documentação e repositório aqui: https://github.com/mqttjs/MQTT.js.

Exemplo de conexão ao MQTT usando WebSockets

Para uma demonstração prática de como conectar um navegador web a um servidor MQTT usando WebSockets, consulte este repositório de exemplo: https://github.com/stackhero-io/mqttWebSocketGettingStarted.

Ao usar este exemplo, atualize o ficheiro src/index.html com o url, username e password específicos do seu servidor.

Exemplo MQTT WebSocket

Não se esqueça de ativar o suporte WebSocket no painel de controlo Stackhero antes de prosseguir.