19
Node-REDでRaspberry Piのリソース監視 フローベースドプログラミング勉強会

Node-REDでraspberry piのリソース監視

Embed Size (px)

Citation preview

Page 1: Node-REDでraspberry piのリソース監視

Node-REDでRaspberry Piのリソース監視

フローベースドプログラミング勉強会

Page 2: Node-REDでraspberry piのリソース監視

PROFILE

⾃⼰紹介

▸ Node-RED UG Japan運営メンバー

▸ 株式会社ウフル CTO

▸ Github https://github.com/joeartsea

▸ Twitter https://twitter.com/joeartsea

▸ Slideshare https://slideshare.net/joeartsea

Page 3: Node-REDでraspberry piのリソース監視

Node-REDでRaspberry Piのメモリ使⽤状況可視化

node-red-dashboard

node-red-contrib-os

TODAY’S AGENDA

Page 4: Node-REDでraspberry piのリソース監視

Raspberry Pi⽤に最適化されたOS Raspbianにnpmがない!?

ACCIDENT

Page 5: Node-REDでraspberry piのリソース監視

Raspberry Pi標準のNode-RED起動時のメッセージに従う

NPM INSTALL AND UPGRADE

Page 6: Node-REDでraspberry piのリソース監視

右上から開くメニューにManage paletteが表⽰された

MANAGE PALETTE

Page 7: Node-REDでraspberry piのリソース監視

Manage paletteならGUIで簡単にノードを追加できる

NODE INSTALL

Page 8: Node-REDでraspberry piのリソース監視

Raspberry Piのメモリ情報を取得するフロー

GET MEMORY DATA

Page 9: Node-REDでraspberry piのリソース監視

memusageだけを取り出すためにchangeノードを追加

ADD CHANGE NODE

Page 10: Node-REDでraspberry piのリソース監視

以下のようにchangeノードを設定する

CHANGE NODE SETTING

Page 11: Node-REDでraspberry piのリソース監視

memusageのデータだけ取り出せた

CHANGE NODE SETTING

Page 12: Node-REDでraspberry piのリソース監視

ADD CHART NODE

node-dashboardのchartノードを追加

Page 13: Node-REDでraspberry piのリソース監視

dashboardタブでtabとgroupを追加

DASHBOARD SETTING

Page 14: Node-REDでraspberry piのリソース監視

CHART NODE SETTING

以下のようにchartノードを設定する

Page 15: Node-REDでraspberry piのリソース監視

CHART NODE SETTING

以下のようにchangeノードにtopic追加設定する

Page 16: Node-REDでraspberry piのリソース監視

INJECT NODE SETTING

最後にinjectノードの設定を変更する

Page 17: Node-REDでraspberry piのリソース監視

INJECT NODE SETTING

以下のようにinjectノードを設定する

Page 18: Node-REDでraspberry piのリソース監視

OPEN DASHBOARD

以下からdashboardを開く( http://<hostname>:<port>/ui )

Page 19: Node-REDでraspberry piのリソース監視

DASHBOARD

完成!