iPhone, iPad, iOS / Macintosh, MacOS / お買い物, オークション / プログラム公開 / 家族, ペット / 読書, 音楽, 映画

Raspberry Pi + Node-RED + ダッシュボードでお部屋の温度と湿度を可視化

公開済み 2020年4月8日 · 更新済み 2020年3月20日

“Raspberry Pi + Node-RED + Echo Show 5 + Google Home で「こっちに来て！」メッセージ”
“Raspberry Pi + Node-RED + Google Home で明日の天気を定刻にアナウンス”
“最近、”はじめてのNode‐RED (I・O BOOKS) “を読んでみました”の続きです。

今回のTALKでは、“Node-RED”をインストールした“Raspberry Pi”に接続した

DHT11 温度センサーモジュール “HiLetgo 3個セット DHT11温度センサーモジュール湿度センサーモジュールデュポンラインと付属 Arduinoと互換”

と、“Node-RED”のダッシュボードを使ってお部屋の温湿度を可視化します。

温度センサーの取り扱いについては、”ワンコインでお部屋の温度をHomeKitをベースに外出先でもモニターできるようにしてみました“をご覧下さい。

< Raspberry PiにNode-REDをインストールする >

先日のTALk (““Raspberry Pi + Node-RED + Google Home で明日の天気を定刻にアナウンス””)をご覧下さい。

< 温度センサー専用ノードをインストールする>

今回は、”node-red-contrib-dht-sensor“という温度センサー専用のノードを利用します。

最初に、最新版のBCM2835ライブラリをインストールします。

最新バージョンは、”C library for Broadcom BCM 2835 as used in Raspberry Pi” ページの赤丸部分を見れば分かります。

今回はバージョン 1.62が最新なので”bcm2835-1.62″ですが、実際に実行する際は末尾の”x.xx”を最新バージョンに置き換えて下さい。

wget http://www.airspayce.com/mikem/bcm2835/bcm2835-1.62.tar.gz tar xvfz bcm2835-1.62.tar.gz cd bcm2835-1.62 ./configure make sudo make check sudo make install

今回利用する”node-red-contrib-dht-sensor”は、管理者権限でインストール作業を行う必要があるので、“パレットの管理”->”ノードを追加”からではなく、”ターミナル”のコマンド入力でインストールを行います。

sudo npm install --unsafe-perm -g node-dht-sensor
sudo npm install --unsafe-perm -g node-red-contrib-dht-sensor

< 温度センサーの値を測定してみる >

”Node-RED”を起動して下さい。

起動方法などは、先日のTALk (““Raspberry Pi + Node-RED + Google Home で明日の天気を定刻にアナウンス””)をご覧下さい。

追加した”rpi dht22″ノード (”node-red-contrib-dht-sensor”)をパレットからワークスペースにドラッグ&ドロップし、ノードをダブルクリックして下さい。

“rpi dht22″ノードのプロパティ画面を開き、

・”Sensor model”欄を”DHT11″ (今回使用するDHT11 温度センサーモジュール)

・”Pin numbering”欄を”Physical pins (ver. 2)” (今回使用するラズパイがA+ or B+モデルなので)

・”Pin number”欄を”11″ (DHT11 温度センサーモジュールの”out”端子をラズパイの”GPIO17″、Pin#が”11″に接続したので)

に設定後、”完了”ボタンをクリック。

続いて、パレットから”inject”、”debug”の各ノードをワークスペースに配置し、”inject”-“rpi dht22”-“debug”ノードを左から順に接続します。

“inject”は何も変更せず、”debug”ノードのプロパティ画面を開き、” 対象”欄を”msgオブジェクト全体”に設定後、”完了”ボタンをクリック。

“Node-RED”画面の右上にある”デプロイ”ボタンをクリックした後、”inject”ノードの左端にあるタブをクリックすると、デバッグ画面に測定結果が表示されます。

今回使用したノードの場合、”msg.payload”に温度、”humidity”に湿度が格納されるJSONデータを返すので、”debug”ノードで”msgオブジェクト全体”を設定しました。

< Node-REDのダッシュボードを準備する >

“Node-RED”をベースにラズパイに接続した温度センサーの計測値を取得できるようになったので、計測した温度と湿度をグラフィカルな画面で可視化してみましょう。

“Node-RED”では、”node-red-dashboard“というノードでダッシュボードと呼ばれるGUIな画面がデザインできます。

“node-red-dashboard”ノードをインストールします。

“Node-RED”のフロー作成画面が表示されたら、右上にある三本線のアイコンをクリックし、”パレットの管理”を選択します。

“ノードを追加”タブ画面で”dashboard”と検索し、”node-red-dashboard”を選択し”ノードを追加”をクリックします。

< ダッシュボードをデザインする >

完成したフロー図を参考に、”node-red-dashboard”のアウトラインをざっくり説明します。

まず始めに、”node-red-dashboard”によるGUI画面の構造を説明します。

ワークスペース画面の右上にある棒グラフ・アイコンをクリックすると、”タブ & リンク”画面が表示されます。

“node-red-dashboard”では、” タブ” – “グループ” – “widget”という階層構造でGUI画面を構築していきます。今回は、” タブ”が”温度・湿度”、”グループ”が”温度センサー”、”温度センサー”のなかに”温度”と”湿度”という名前の”widget”が配置されています。

棒グラフ・アイコンの下にある矢印・アイコンをクリックすると、”デプロイ”したフローに定義したダッシュボード素材が別のWeb画面上に描かれます。

ワークスペース画面では、パレットから”change”、”gauge” (node-red-dashboard)の各ノードをワークスペースに配置し、下図のように各ノードを接続します。