Node-REDではじめてのフロー

Node-REDのエディターで、フローを作成する手順を紹介します。また、後半ではフローがどのように動いているのかを解説します。Raspberry Pi OSにインストールしたNode-REDを起動して、ブラウザーからNode-REDのエディターへアクセスする手順については「12-8.Node-REDの起動とアクセス」を参考にしてください。

Node-REDのエディターで、フローを作成する手順を紹介します。

Node-REDのエディター

ブラウザーからNode-REDへアクセスすると、図12-9-1-1のような画面が表示されます。これが、Node-REDのエディターです。

Node-REDのエディターは、4つ（ヘッダー・パレット・ワークスペース・サイドバー）のウィンドウで構成されています。パレットから選んだノードをワークスペースに配置して、ノード同士をワイヤーで接続することでフローを作成します。サイドバーには、ノードの情報やデバッグメッセージなどが表示されます。上部のヘッダーには、メインメニューやデプロイボタンがあります。

はじめてのフロー

では早速、Node-REDのエディターを使ってフローを作ってみましょう。ノードが2つだけの簡単なフローです。使用するノードはパレットの共通カテゴリーにある「inject」ノードと「debug」ノードです。

「inject」ノードと「debug」ノードをワークスペースに配置します。この時「inject」ノードは「タイムスタンプ」、「debug」ノードは「msg.payload」という表示に変わります。

配置した2つのノードをワイヤーでつなぎます。「inject」ノードの右側にある小さな四角（これをポートと呼びます）から、「debug」ノードの左側にあるポートへドラッグします。ドラッグ中は、オレンジのワイヤーが表示されます。

ポート間をワイヤーで接続するとフローの完成です。ワイヤーはグレーになります。

フローは完成しましたが、この時点ではエディター上にのみ存在しています。Node-REDでは「デプロイ」という操作を行い、サーバー上へ登録します。上部のヘッダーにある「デプロイ」ボタンをクリックします。

上部に「デプロイが成功しました」というメッセージが表示されると、デプロイ済みとなります。このデプロイは、フローに変更を加えると必ず必要となる操作です。忘れないようにしましょう。

ところで、ノードの右上に表示されていた青い丸が、デプロイによって消えたことに気づいたでしょうか？この印は、ノードをワークスペースに配置したり、プロパティの変更などで表示され、まだデプロイされていないことを示します。

はじめてのフローを実行する

では、完成したデプロイ済みのフローを実行しましょう。まず、サイドバーを「デバッグメッセージ」の表示ウィンドウに切り替えます。サイドバーのタブが「デバッグ」になります。

フローを実行するには「inject」ノードの左側にあるボタンをクリックします。

サイドバーの表示ウィンドウに何やら表示されましたね。この表示ウィンドウの「1593758587816」という数字は、みなさんの結果とは異なっているはずです。これは、1970年1月1日0時0分0秒から経過したミリ秒を表すタイムスタンプの値です。このフローは「実行するとデバッグメッセージとしてタイムスタンプを出力する」というものでした。

フローはどのように動いているのか

Node-REDのフローはどのように動いているのでしょうか？「inject」ノードのボタンがクリックされた後、フローの処理は「inject」ノードからワイヤーで接続された「debug」ノードへと流れていきます。

この時、ノード間では「msgオブジェクト」というJSON形式のデータがやり取りされています。本フローでは「inject」ノードから「debug」ノードへ次のような「msgオブジェクト」が送信されます。「msg.payload」にタイムスタンプがセットされています。

ではノード内でどのような処理が行われているのでしょうか。各ノードのプロパティを見てみましょう。ノードをダブルクリックするとプロパティが表示されます。

「inject」ノードのプロパティは「msg.payload」に「日時」をセットして「繰り返し」は「なし」となっています。このノードは、msgオブジェクト内の「payload」に日時（タイムスタンプ）をセットして、一度だけ次のノードへ送信します。なお、この設定は「inject」ノードをワークスペースに配置した直後の初期設定となります。

「debug」ノードのプロパティは「対象」が「msg.payload」、「出力先」が「デバッグウィンドウ」となっています。このノードは、msgオブジェクト内の「payload」の内容をデバッグウィンドウへ出力します。なお、この設定は「debug」ノードをワークスペースに配置した直後の初期設定となります。

このようにワイヤーでつながれたノード間を、msgオブジェクトというJSON形式のデータが送受信され、処理が行われていることがわかりました。ノードのプロパティを変更して、いろいろ試してみましょう。変更したらデプロイを忘れずに！