Mosquitto: WebSockets

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

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

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

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

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

Mosquitto に接続するには、主に 2 つの方法があります。ネイティブの MQTT プロトコル、または WebSockets です。

MQTT プロトコルは、その軽量な設計で広く知られており、IoT デバイスやリソースが限られた環境に特に適しています。しかし、ほとんどの Web ブラウザは MQTT への直接接続をサポートしていません。ここで WebSockets が役立ちます。WebSocket 接続を利用することで、ブラウザベースのアプリケーションから MQTT サーバーとやり取りできるようになります。

WebSockets を利用するには、Stackhero ダッシュボードで「WebSocket サポート」オプションを有効にしてください。この機能を有効化した後は、クライアントを WebSocket 用の URL（wss://<XXXXXX>.stackhero-network.com:443）に設定するだけです。これは、従来の MQTT セキュア URL（mqtts://<XXXXXX>.stackhero-network.com）の代わりとなります。

MQTT ライブラリの選択

アプリケーションが JavaScript で開発されている場合は、MQTT.js ライブラリの利用を検討すると良いでしょう。MQTT.js は Node.js 環境でもブラウザでも動作する柔軟な選択肢です。ライブラリのドキュメントやソースコードは以下で公開されています：https://github.com/mqttjs/MQTT.js

例：WebSockets を使った MQTT への接続

Web アプリケーションから WebSockets を利用して MQTT サーバーに接続する具体的な例は、こちらのリポジトリでご覧いただけます：https://github.com/stackhero-io/mqttWebSocketGettingStarted

この例を試す際は、src/index.html ファイル内の url、username、password をご自身のサーバー情報に更新してください。

MQTT WebSocket の例

続行する前に、Stackhero ダッシュボードで WebSocket サポートを有効化していることをご確認ください。