Why not login to Qiita and try out its useful features?

We'll deliver articles that match you.

You can read useful information later.

2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

温度湿度モニタ M5Stack+UIFLOW+Node-RED

Posted at

使用機材

Raspberry Pi 3 Model B
M5Stack Basic
MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports) mac os 11.6

概要

↓今回構築した内容
Instagram post - 12.png

↓過去記事からの我が家のスマートホームの現状
Instagram post - 1.png

M5Stack UIFLOW

今回M5Stackにビジュアルプラグラミングが可能なツールUIFLOWを使用しました。
M5Burnerをインストールし下記を参考にM5にUIFLOWをインストールしました。

参考

UIFLOW構成は下記のようにしています。

Instagram post - 11.png

ローカル環境でnode−redのMQTTブローカーを立ち上げ、M5stackはMQTTで通信しています。
Node-REDには、温度と湿度のデータをJSONで毎分1回データを上げている設定にしています。

↓リビング用
Instagram post - 13.png

↓寝室用
Atom Liteに変更したいところですが、とりあえずMatrixで。
Instagram post - 14.png

Node-RED MQTT通信

Node-REDのMQTTの設定は下記となります。
温度と湿度のデータをDASHBOARD により、チャート形式で保存しています。
リビングと寝室それぞれのデータがほしかったので、複数線のグラフで描画しています。
トピック名をつけて上げれば、重ねて表示が可能です。

参考

↓フロー構成と設定
Instagram post - 17.png

最終webアプリのダッシュボードは下記のような構成にしています。

↓DASHBOARD UI
Instagram post - 16.png

参考

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Qiita Advent Calendar is held!

Qiita Advent Calendar is an article posting event where you post articles by filling a calendar 🎅

Some calendars come with gifts and some gifts are drawn from all calendars 👀

Please tie the article to your calendar and let's enjoy Christmas together!

2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?