Mosquitto: WebSockets

WebSocketsを使用してMQTTに接続する方法

👋 Stackheroのドキュメントへようこそ！

Stackheroは、数多くの利点を提供する、すぐに使えるMosquitto MQTTクラウドソリューションを提供しています。

• 無制限のメッセージ交換と転送。
• 外部APIを介したデバイスの無制限認証。
• トピック、ユーザー、アクションに対する高度なACL。
• HTTPSで保護されたカスタマイズ可能なドメイン名（例：https://mqtt.your-company.com）。
• ワンクリックで簡単に更新。
• プライベートで専用のVMによる最適なパフォーマンスと強力なセキュリティ。

時間を節約し、生活を簡素化：StackheroのMosquitto MQTTクラウドホスティングソリューションを試すのに5分しかかかりません！

MosquittoにはMQTTプロトコルまたはWebSocketsを使用して接続できます。

MQTTプロトコルは軽量であることで知られており、IoTデバイスに最適です。しかし、ブラウザはMQTTをネイティブにサポートしていないため、Webアプリケーションには直接のMQTT接続は適していません。このギャップを埋めるために、WebSocketサポートを利用して、MQTTをWebSocket接続内にカプセル化することができます。

WebSocketの使用を有効にするには、Stackheroダッシュボードで「WebSocket support」オプションを有効にします。有効にしたら、クライアントを設定して、サーバーアドレスとしてURL wss://XXXXX.stackhero-network.com:443 を使用して接続します。これは標準のMQTT接続URL mqtts://XXXXX.stackhero-network.com を置き換えます。

MQTTライブラリの選択

JavaScriptベースのアプリケーションを開発している場合は、MQTT.jsライブラリの使用を検討してください。このライブラリは非常に汎用性が高く、Node.js環境やウェブブラウザでシームレスに動作します。ドキュメントとリポジトリはこちらで見つけることができます：https://github.com/mqttjs/MQTT.js。

WebSocketsを使用したMQTT接続の例

WebSocketsを使用してウェブブラウザをMQTTサーバーに接続する実践的なデモについては、この例のリポジトリをチェックしてください：https://github.com/stackhero-io/mqttWebSocketGettingStarted。

この例を使用する際は、src/index.htmlファイルをサーバーの特定のurl、username、passwordで更新してください。

MQTT WebSocketの例

続行する前に、StackheroダッシュボードでWebSocketサポートを有効にすることを忘れないでください。