エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
MQTT から WebSocket 経由で IO データを受信してグラフ表示、XBee-MQTT Gateway (その2) | All Blue System 作業日記
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
MQTT から WebSocket 経由で IO データを受信してグラフ表示、XBee-MQTT Gateway (その2) | All Blue System 作業日記
●概要 この記事では、前の記事で説明した MQTT ブローカに登録されている XBee IO サンプリングデータ... ●概要 この記事では、前の記事で説明した MQTT ブローカに登録されている XBee IO サンプリングデータを、WebSocket 経由で取得してグラフ表示をする Webアプリケーションを作成します。 リモート XBee デバイスから JSON 形式で MQTT ブローカに送信された IO サンプリングデータを、Web アプリケーション中から購読(MQTT Subscribe) します。MQTT からメッセージを受信したら、メッセージ内容からデータを取り出してグラフ表示します。MQTT ブローカからは連続してメッセージを受信しますので、グラフは最新のデータで更新されてスクロール表示されます。 下記は、XBee (Device5) のAD0 に接続した光センサの値をグラフ表示した様子です。 ●MQTT ブローカ mosquitto を WebSocket 対応版にする 前回の記事までで