Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37

From version < 40.1 >

edited by Edwin Chen
on 2022/09/02 15:24

To version < 24.1 >

edited by Herong Lu
on 2022/05/25 19:01

Change comment: Uploaded new attachment "image-20220525190106-3.png", version {1}

Raw
Rendered

Summary

Page properties (2 modified, 0 added, 0 removed)
Attachments (0 modified, 0 added, 5 removed)

Details

Page properties

Author

@@ -1,1 +1,1 @@
--XWiki.Edwin
++XWiki.Lu

Content

@@ -1,24 +1,16 @@
  (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
--     **Table of** **Contents：**
++     **Contents：**
  {{toc/}}
++= Installation =
--
--
--= 1.  Installation =
--
--
  Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
++== Install Example for CENTOS ==
++=== Installation ===
--== 1.1  Install Example for CENTOS ==
--
--
--=== 1.1.1  Installation ===
--
--
  (% class="box infomessage" %)
  (((
  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
@@ -25,334 +25,120 @@
  Run below commands and wait for installation complete.
  )))
--[[image:image-20220526161040-1.png]]
++[[image:image-20220519102228-2.png]]
++**Verify if the installation was successful**
--(% style="color:blue" %)**Verify if the installation was successful**
++Type in the command line interface  node-red
--Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)
--
  The following information appears to prove that the installation has been successful
--[[image:image-20220526161103-2.png]]
++[[image:image-20220519103318-3.png]]
++=== If you want to start Node-RED as a background process ===
--=== 1.1.2  If you want to start Node-RED as a background process ===
++Type in the command line interface   nohup node-red &
--
--Type in the command line interface   (% style="color:red" %)**nohup node-red &**
--
  It will prompt after startup
  [[image:image-20220519104601-5.png]]
--After seeing the above information, press **enter**
++After seeing the above information, press enter
  Type in the command line   exit
  The above is the installation and startup process of nodered. If you don't understand anything, you can go to the nodered official website. There are installation instructions for various systems. The address has a link at the top
++== Install in Dragino Gataway ==
--== 1.2  Install in Dragino Gataway ==
++= Use Node-RED =
++== Login to Node-RED interface ==
--Dragino Gateway is already installed, no need for users to install it by themselves.
--
--
--
--= 2.  General Use of  Node-RED =
--
--
--This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
--
--
--== 2.1  Login to Node-RED interface ==
--
--
  Enter your public IP address followed by the port number 1880
  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
--[[image:image-20220519104115-4.png||height="280" width="768"]]
++[[image:image-20220519104115-4.png||height="352" width="969"]]
++== Add flow ==
--== 2.2  Add flow ==
--
--
  Take NBSN95 mod1 UDP protocol as an example
--After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
++After logging into the interface click '+' to create a flow
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519133634-1.png?rev=1.1||alt="image-20220519133634-1.png" height="183" width="770"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519133634-1.png?rev=1.1||alt="image-20220519133634-1.png" height="231" width="972"]]
--
--
  Rename the stream
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134042-2.png?rev=1.1||alt="image-20220519134042-2.png" height="535" width="548"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134042-2.png?rev=1.1||alt="image-20220519134042-2.png" height="552" width="565"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134318-3.png?rev=1.1||alt="image-20220519134318-3.png"]]
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134318-3.png?rev=1.1||alt="image-20220519134318-3.png" height="461" width="753"]]
--
--
  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134346-4.png?rev=1.1||alt="image-20220519134346-4.png"]]
  Drag UDP into the editing area
--
--
  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134533-5.png?rev=1.1||alt="image-20220519134533-5.png"]]
--
  The same method as above, drag and drop functions and debug into the editing area
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134850-6.png?rev=1.1||alt="image-20220519134850-6.png" height="442" width="776"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134850-6.png?rev=1.1||alt="image-20220519134850-6.png"]]
--
--
  configure UDP in
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135402-7.png?rev=1.1||alt="image-20220519135402-7.png" height="332" width="767"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135402-7.png?rev=1.1||alt="image-20220519135402-7.png"]]
--
  Write to the UDP port that the device node sends to the server
  Example My UDP device node sends to server port 8585
  just write 8585
++Note that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.
--(% style="color:red" %)**Note: that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.**
--
--
  In order to avoid data confusion, different types of nodes do not use the same UDP port, because different nodes have different data formats and different functions.
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135915-8.png?rev=1.1||alt="image-20220519135915-8.png" height="415" width="735"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135915-8.png?rev=1.1||alt="image-20220519135915-8.png"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519144651-14.png?rev=1.1||alt="image-20220519144651-14.png"]]
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519144651-14.png?rev=1.1||alt="image-20220519144651-14.png" height="348" width="779"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141355-11.png?rev=1.1||alt="image-20220519141355-11.png"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141704-12.png?rev=1.1||alt="image-20220519141704-12.png"]]
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141355-11.png?rev=1.1||alt="image-20220519141355-11.png" height="437" width="744"]]
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141704-12.png?rev=1.1||alt="image-20220519141704-12.png" height="229" width="777"]]
--
--
--
  When the node successfully sends data, the effect shown in the following figure will appear
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519150455-15.png?rev=1.1||alt="image-20220519150455-15.png" height="403" width="799"]]
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519150455-15.png?rev=1.1||alt="image-20220519150455-15.png"]]
++=== About function ===
--
--=== 2.2.1  About function ===
--
--
  If you are familiar with JS code, you can write it yourself
  If you are not familiar, we have the JS code for each type of node, you just need to copy and paste it into it
++[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141833-13.png?rev=1.1||alt="image-20220519141833-13.png"]]
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141833-13.png?rev=1.1||alt="image-20220519141833-13.png" height="478" width="789"]]
++== Plot Chart for sensors ==
--== 2.3  Plot Chart for sensors ==
++== Store Value ==
--If you need data visualization, please refer to the following
++== Email Notification ==
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519152802-16.png?rev=1.1||alt="image-20220519152802-16.png"]]
++= Input Flow =
++== MQTT ==
++== UDP ==
--(% style="color:blue" %)**1. Click Install
--2. Search the dashboard
--3. Click Install**
++== TCP ==
++== Get data from LoRaWAN Server (TTN) ==
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519152956-17.png?rev=1.1||alt="image-20220519152956-17.png" height="763" width="835"]]
--
--
--
--After the installation is successful, nodered will show the following node icon
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519153335-19.png?rev=1.1||alt="image-20220519153335-19.png"]]
--
--
--
--=== 2.3.1  the line chart as an example ===
--
--
--Drag the line chart to the editing area
--
--Just drag and drop as many as you need, or you can copy
--
--The demo uses 3 kinds. Voltage, temperature, humidity
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519154521-20.png?rev=1.1||alt="image-20220519154521-20.png" height="242" width="743"]]
--
--
--
--double click function
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519154640-21.png?rev=1.1||alt="image-20220519154640-21.png" height="549" width="749"]]
--
--
--
--Adjusted to 3, because we need to display 3 charts
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519154812-22.png?rev=1.1||alt="image-20220519154812-22.png" height="418" width="755"]]
--
--
--
--=== 2.3.2  the chart settings ===
--
--
--Double-click while setting up the node as above
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160314-23.png?rev=1.1||alt="image-20220519160314-23.png" height="703" width="729"]]
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160412-24.png?rev=1.1||alt="image-20220519160412-24.png" height="501" width="727"]]
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160759-27.png?rev=1.1||alt="image-20220519160759-27.png" height="554" width="722"]]
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519161326-30.png?rev=1.1||alt="image-20220519161326-30.png" height="444" width="721"]]
--
--
--[[image:image-20220525185746-2.png||height="421" width="724"]]
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519161650-32.png?rev=1.1||alt="image-20220519161650-32.png" height="722" width="726"]]
--
--
--
--After the display interface is defined for the first time, subsequent charts can directly select the display interface
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519162039-34.png?rev=1.1||alt="image-20220519162039-34.png" height="644" width="724"]]
--
--
--
--[[image:image-20220525190106-3.png||height="575" width="724"]]
--
--
--
--Connect graph nodes to functions with lines
--
--Click to deploy
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519162412-36.png?rev=1.1||alt="image-20220519162412-36.png" height="256" width="726"]]
--
--Enter the server public IP + port 1880/ui
--
--example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
--
--
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519163141-37.png?rev=1.1||alt="image-20220519163141-37.png" height="203" width="735"]]
--
--
--At this point, the basic demonstration of nodered is completed. If you need to beautify the chart and various visualizations, you can go to the official documentation of nodered for further understanding.
--
--
--
--== 2.4  Store Value ==
--
--
--Regarding storage, we recommend two ways.
--
--
--
--=== 2.4.1  1. Generate txt document directly ===
--
--
--Sample JSON file:链接转到示例JSON文件
--
--[[image:image-20220713102658-1.png||height="346" width="728"]]
--
--
--
--=== 2.4.2  2. Use sqlite database ===
--
--
--==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
--
--
--[[image:image-20220713111030-2.png||height="438" width="739"]]
--
--
--
--==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
--
--
--[[image:image-20220713111200-3.png]]
--
--
--
--==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
--
--
--Refer to the import example below to import the sqlite example flow
--
--Download sample JSON file link: 链接
--
--
--
--= 3.  Import Input Flow for Dragino Sensors =
--
--
--Dragino provides input flow examples for the sensors.
--
--User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
--
--Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175748-3.png?rev=1.1||alt="image-20220524175748-3.png"]]
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175814-4.png?rev=1.1||alt="image-20220524175814-4.png"]]
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175914-5.png?rev=1.1||alt="image-20220524175914-5.png" height="443" width="773"]]
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175935-6.png?rev=1.1||alt="image-20220524175935-6.png" height="568" width="768"]]
--
--After the import is successful, change the MQTT in node to your TTN information
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184449-1.png?rev=1.1||alt="image-20220524184449-1.png" height="643" width="772"]]
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184521-2.png?rev=1.1||alt="image-20220524184521-2.png" height="648" width="773"]]
--
--
--
--Configure information consistent with your TTN
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184722-3.png?rev=1.1||alt="image-20220524184722-3.png" height="349" width="758"]]
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524192830-4.png?rev=1.1||alt="image-20220524192830-4.png" height="376" width="758"]]
--
--
--
--API keys generated by the password for you
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524193028-5.png?rev=1.1||alt="image-20220524193028-5.png" height="370" width="759"]]
--
--
--Topic modify it to the following format
--
--v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
--
--[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524193258-6.png?rev=1.1||alt="image-20220524193258-6.png" height="690" width="755"]]
--
--After the modification is completed, click Deploy
++= Example =

image-20220526161040-1.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Xiaoling

Size

...	...	@@ -1,1 +1,0 @@
1		-30.1 KB

Content

image-20220526161103-2.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Xiaoling

Size

...	...	@@ -1,1 +1,0 @@
1		-53.1 KB

Content

image-20220713102658-1.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Lu

Size

...	...	@@ -1,1 +1,0 @@
1		-84.2 KB

Content

image-20220713111030-2.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Lu

Size

...	...	@@ -1,1 +1,0 @@
1		-48.9 KB

Content

image-20220713111200-3.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.Lu

Size

...	...	@@ -1,1 +1,0 @@
1		-9.7 KB

Content

Changes for page Node-RED_Install and Use

Summary

Details

Applications

Navigation