1
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.

Node-RED チュートリアル はじめてのフロー

Last updated at Posted at 2021-04-16

Node-RED の最初のチュートリアルです。公式ドキュメント はじめてのフロー を画像つきで書いてみました。

セットアップ

  1. Node.jsをインストール。
  2. Node-REDNode.jsにインストールする。(”ローカルでNode-REDを実行する : Node-RED日本ユーザ会" を参考に)
$ npm init
# (yes) to all

$ npm install -g node-red
  1. Node-RED を起動し、ブラウザで開く
$ node-red
$ open http://localhost:1880

チュートリアルを実施

  1. Injectノード, デバッグノードをフローに追加
    image-20210416142026129.png

  2. Injectノードから Debug Node にワイヤを接続する
    image-20210416142141071.png

  3. 右サイドバーのデバッグタブを表示し、デプロイボタンをクリックする
    image-20210416142400176.png

  4. Injectノードの左側にあるボタンをクリックすると、その時点のタイムスタンプがmsg オブジェクトに載せられて、デバッグノードに流れ着く。Debugノードは流れ着いたmsgオブジェクトをデバッグタブに書き込む。
    image-20210416142639799.png

  5. InjectノードとDebugノードの間のワイヤを削除、functionノードを挿入し、インジェクトノードとデバッグノードと接続する。
    image-20210416143115850.png

  6. functionノードにJavascriptのコードをコピペする。タイムスタンプのメッセージは、unix time の整数から、x年x月x日という人間に見やすい文字列に変換される。

// ペイロードから日付オブジェクトを生成
var date = new Date(msg.payload);
// 日付文字列に変換して再度ペイロードをセット
msg.payload = date.toString();
// 次のノードへmsgオブジェクトを返す
return msg;
```
image-20210416143307614.png
image-20210416143506195.png

  1. デプロイして、もう一度フローを実行すると、デバッグタブの表示が変わっている。
    image-20210416143747465.png

続きは Node-RED チュートリアル はじめてのフロー (フローのインポートとエクスポート)

1
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
1
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?