V2.0 2019/04/01

はじめてのＡＷＳ ＩｏＴ開発キット２プラス～センサ、ＲａｓｐｂｅｒｒｙＰｉを使い、実体験。開発短縮～

Ｎｏｄｅ ＲＥＤ編（抜粋版）

AWS IoT
スペクトラム・テクノロジー株式会社
https://spectrum-tech.co.jp
sales@spectrum-tech.co.jp
all rights reserved 2019 spectrum technology co.

1

ＡＷＳ ＩｏＴ開発キット２プラス 目次
Ｎｏｄｅ ＲＥＤ開発ページ
3
5
7① Ｎｏｄｅ ＲＥＤ概要② Ｎｏｄｅ ＲＥＤ起動③ Ｎｏｄｅ ＲＥＤ画面説明④ Ｎｏｄｅ ＲＥＤ事例• Ｈｅｌｌｏ ｗｏｒｌｄ• Ｇｏｏｇｌｅ ｈｏｍｅ送信• ＢＭＰ２８０（温度、気圧）：添付センサの表示• ＣＴ２ ＡＷＳ 作成：電力計キットの表示⑤ Ｎｏｄｅ ＲＥＤ管理• 表示• 読み込み：フローをインポートできます• 書き出し：フローをエキスポートできます• ノード検索：設定したノードの検索• ノード設定：全てのノード一覧と設定ができます• フロー：新規、修正が可能• サブフロー：新規など• パレット管理：パレットの削除、追加可能• 設定：表示、キーボード、パレットのユーザ設定

参考① ダッシュボードの外部公開方法② Ｇｏｏｇｌｅ ＨｏｍｅからＮｏｄｅ ＲＥＤでの受信例

all rights reserved 2019 spectrum technology co.

1013162529

抜粋版のためページは一致しません

30313233343637

2

Ｎｏｄｅ ＲＥＤ開発①．Ｎｏｄｅ ＲＥＤ概要
Ｎｏｄｅ ＲＥＤとは• Node-REDはフローベースドプログラミング(flow-basedprogramming)ツールであり、 IBM Emerging Technology Services
チームによって元は開発され、 現在ではJS Foundationのひとつになっています。
• https://nodered.jp/about/• 用途は、ＩｏＴ開発ツール、可視化ツール（ダッシュボード）でＪａｖａｓｃｒｉｐｔが基本。
• パレット（ライブラリ）が豊富に用意されており、Ｒａｓｐｂｅｒｒｙ Ｐｉ，Ｇｏｏｇｌｅ ｈｏｍｅなどとの連携も可能。特にＩｏＴ通信のＭＱＴＴの開発には最適• 特徴は、プログラムの知識がなくても、フローを作成し、グラフを自由に作成できたり、各レガシー系システムとの連携なども可能。

all rights reserved 2019 spectrum technology co.

3

Ｎｏｄｅ ＲＥＤ開発①．Ｎｏｄｅ ＲＥＤ概要
Ｎｏｄｅ ＲＥＤ概要• フローエディタとダッシュボードの二つに分類• フローエディタは、ノードなどのアイコンを使ってプログラミングします• ダッシュボードは、フローエディタで作ったのもの実行結果をリアルタイム表示します。（ローカル又はＨＴＴＰＳで、公開も可能）

ダッシュボード

フローエディタ

all rights reserved 2019 spectrum technology co.

4Ｎｏｄｅ ＲＥＤ開発②．Ｎｏｄｅ ＲＥＤ起動
Ｎｏｄｅ ＲＥＤインストール• 必要なものは、インストール済Ｎｏｄｅ ＲＥＤ起動① メニュー＞プログラム＞Node-RED② コンソールが立ち上がり、自動起動します。

①②

all rights reserved 2019 spectrum technology co.

5Ｎｏｄｅ ＲＥＤ開発②．Ｎｏｄｅ ＲＥＤ起動
Ｎｏｄｅ ＲＥＤインストール• 必要なものは、インストール済Ｎｏｄｅ ＲＥＤ起動① メニュー＞プログラム＞Node-RED② コンソールが立ち上がり、自動起動します。
③ Ｗｅｂ画面立ち上げ④ Ｃｈｒｏｍｅが立ち上がったら③ショートカットのＮｏｄｅ－ＲＥＤを押します。又はhttp://127.0.0.1:1880にアクセス
これで立ち上げ完了

all rights reserved 2019 spectrum technology co.

④6Ｎｏｄｅ ＲＥＤ開発③．Ｎｏｄｅ ＲＥＤ画面説明
Ｎｏｄｅ ＲＥＤトップ画面① パレット（ノード選択用アイコン）：フローディタで作成するＭＱＴＴなどのノードなどのアイコンがあります。
② フローエディタ：作業領域です。ダブルクリックで設定画面になります③ 情報／デバック／ダッシュボード設定

②

③

①

all rights reserved 2019 spectrum technology co.

7

Ｎｏｄｅ ＲＥＤ開発③．Ｎｏｄｅ ＲＥＤ画面説明
Ｎｏｄｅ ＲＥＤトップ画面① パレット：入出力、機能、ダッシュボードなどから選択して設定。

all rights reserved 2019 spectrum technology co.

8Ｎｏｄｅ ＲＥＤ開発③．Ｎｏｄｅ ＲＥＤ画面説明
Ｎｏｄｅ ＲＥＤトップ画面③ 情報／デバック／ダッシュボード設定

all rights reserved 2019 spectrum technology co.

9Ｎｏｄｅ ＲＥＤ開発④．Ｎｏｄｅ ＲＥＤ事例

Ｎｏｄｅ ＲＥＤ内でメッセージの送受信を行います

Ｈｅｌｌｏ ｗｏｒｌｄ 作成① 入力＞ｉｎｊｅｃｔをドラッグ、ダブルクリック② 文字列＞Ｈｅｌｌｏ ｗｏｒｌｄと入力し完了③ 出力＞ｄｅｂｕｇ④ 確認のみ完了⑤ ディプロイ：完成①②

all rights reserved 2019 spectrum technology co.

10Ｎｏｄｅ ＲＥＤ開発④．Ｎｏｄｅ ＲＥＤ事例
Ｈｅｌｌｏ ｗｏｒｌｄ 試験① Ｉｎｊｅｃｔの左を押します② デバッグ画面に結果が表示：完了②①

all rights reserved 2019 spectrum technology co.

11

Ｎｏｄｅ ＲＥＤ開発

Ｎｏｄｅ ＲＥＤから、Ｇｏｏｇｌｅ④．Ｎｏｄｅ ＲＥＤ事例
ｈｏｍｅにメッセージの送信します
Ｇｏｏｇｌｅ ｈｏｍｅ送信 作成① 入力＞ｉｎｊｅｃｔをドラッグ、ダブルクリック② 文字列＞“こんにちは”などと入力し完了③ 出力＞Ｇｏｏｇｌｅ ｈｏｍｅ ｎｏｔｉｆｙをドラック、ダブルクリック④ ＩＰアドレス入力＞言語選択＞完了⑤ ディプロイ：完成①②all rights reserved 2019 spectrum technology co.

12Ｎｏｄｅ ＲＥＤ開発ＡＷＳ ＩｏＴ開発④．Ｎｏｄｅ ＲＥＤ事例⑥センサ情報リアルタイム表
示のＮｏｄｅ ＲＥＤでの表示
ＢＭＰ２８０（温度、気圧） 作成① 入力＞ＭＱＴＴをドラッグ、ダブルクリック② サーバ設定①②

all rights reserved 2019 spectrum technology co.

13

Ｎｏｄｅ ＲＥＤ開発④．Ｎｏｄｅ ＲＥＤ事例
ＢＭＰ２８０（温度、気圧） 表示⑰ Ｄａｓｈｂｏａｒｄ＞配置確認⑱ Ｄａｓｈｂｏａｒｄ表示

ＡＷＳ ＩｏＴリアルタイム表示を行うためには、ｐｙｔｈｏｎのｐｕｂｌｉｓｈを行ってください。
pi@raspberrypi:~/Documents/paho$ python bmp280_mqtt_publish_json.py⑱⑰

all rights reserved 2019 spectrum technology co.

14

Ｎｏｄｅ ＲＥＤ開発④．Ｎｏｄｅ ＲＥＤ事例ＡＷＳ ＩｏＴ開発
電力計キットのＮｏｄｅ ＲＥＤ
での表示

ＣＴ２ ＡＷＳ 作成① フロー図：ＢＭＰ２８０と同じ、一部グラフで積算、平均値表示を追加

サーバ接続先、証明書は、必ず各自の値に再設定してください①

all rights reserved 2019 spectrum technology co.

15

Ｎｏｄｅ ＲＥＤ開発④．Ｎｏｄｅ ＲＥＤ事例
ＣＴ２ ＡＷＳ 作成⑥ Ｄａｓｈｂｏａｒｄ表示

ＡＷＳ ＩｏＴリアルタイム表示を行うためには、ｐｙｔｈｏｎのｐｕｂｌｉｓｈを行ってください。
pi@raspberrypi:~/Documents/ct $ python
ct_mqtt_publish_json.py

⑥

積算グラフ

all rights reserved 2019 spectrum technology co.

16Ｎｏｄｅ ＲＥＤ開発⑤．Ｎｏｄｅ ＲＥＤ管理
Ｎｏｄｅ ＲＥＤメニュー① 表示：画面の表示設定② 読み込み：フローをインポートできます③ 書き出し：フローをエキスポートできます④ ノード検索：設定したノードの検索⑤ ノード設定：全てのノード一覧と設定ができます⑥ フロー：新規、修正が可能⑦ サブフロー：新規など⑧ パレット管理：パレットの削除、追加可能⑨ 設定：表示、キーボード、パレットのユーザ設定⑩ ショートカットキー

all rights reserved 2019 spectrum technology co.

17