Skip to Content

Wiki source code of Node-RED_Install and Use

Version 37.1 by Herong Lu on 2022/07/13 11:33
Hide last authors
Edwin Chen 14.1 1 (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
Herong Lu 21.1 2 **Contents：**
Edwin Chen 13.1 3
Edwin Chen 14.1 4 {{toc/}}
5
Xiaoling 32.3 6 = Installation =
Herong Lu 2.1 7
Herong Lu 21.1 8 Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
Herong Lu 2.1 9
Xiaoling 32.3 10 == Install Example for CENTOS ==
Herong Lu 2.1 11
Xiaoling 32.3 12 === Installation ===
Edwin Chen 12.1 13
Edwin Chen 11.1 14 (% class="box infomessage" %)
15 (((
Herong Lu 21.1 16 Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
17 Run below commands and wait for installation complete.
Edwin Chen 11.1 18 )))
Herong Lu 9.1 19
Xiaoling 32.2 20 [[image:image-20220526161040-1.png]]
Herong Lu 9.1 21
Herong Lu 21.1 22 **Verify if the installation was successful**
Herong Lu 9.1 23
Herong Lu 21.1 24 Type in the command line interface  node-red  
Herong Lu 9.1 25
Herong Lu 21.1 26 The following information appears to prove that the installation has been successful
Herong Lu 9.1 27
Xiaoling 32.2 28 [[image:image-20220526161103-2.png]]
Herong Lu 9.1 29
30
Xiaoling 32.3 31 === If you want to start Node-RED as a background process ===
Herong Lu 9.1 32
Herong Lu 21.1 33 Type in the command line interface  nohup node-red &
Herong Lu 9.1 34
Herong Lu 21.1 35 It will prompt after startup
Herong Lu 9.1 36
37 [[image:image-20220519104601-5.png]]
38
Herong Lu 21.1 39 After seeing the above information, press enter
Herong Lu 9.1 40
Herong Lu 21.1 41 Type in the command line  exit
Herong Lu 9.1 42
Herong Lu 21.1 43 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
Edwin Chen 12.1 44
Herong Lu 21.1 45 == Install in Dragino Gataway ==
Edwin Chen 12.1 46
Edwin Chen 15.1 47
Herong Lu 21.1 48 = Use Node-RED =
Edwin Chen 15.1 49
Herong Lu 21.1 50 == Login to Node-RED interface ==
Edwin Chen 12.1 51
Herong Lu 21.1 52 Enter your public IP address followed by the port number 1880
Edwin Chen 12.1 53
Herong Lu 21.1 54 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
Edwin Chen 12.1 55
Herong Lu 20.2 56 [[image:image-20220519104115-4.png||height="352" width="969"]]
Edwin Chen 12.1 57
58
Herong Lu 21.1 59 == Add flow ==
Edwin Chen 16.1 60
Herong Lu 21.1 61 Take NBSN95 mod1 UDP protocol as an example
Edwin Chen 16.1 62
Herong Lu 21.1 63 After logging into the interface click '+' to create a flow
Edwin Chen 16.1 64
Herong Lu 20.2 65 [[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"]]
Edwin Chen 16.1 66
Herong Lu 21.1 67 Rename the stream
Edwin Chen 16.1 68
Herong Lu 20.2 69 [[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"]]
Edwin Chen 16.1 70
Herong Lu 20.2 71 [[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"]]
Edwin Chen 17.1 72
Herong Lu 20.2 73 [[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"]]
Edwin Chen 17.1 74
Herong Lu 21.1 75 Drag UDP into the editing area
Edwin Chen 17.1 76
Herong Lu 20.2 77 [[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"]]
78
Herong Lu 21.1 79 The same method as above, drag and drop functions and debug into the editing area
Herong Lu 20.2 80
81 [[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"]]
82
Herong Lu 21.1 83 configure UDP in
Herong Lu 20.2 84
85 [[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"]]
86
Herong Lu 21.1 87 Write to the UDP port that the device node sends to the server
Herong Lu 20.2 88
Herong Lu 21.1 89 Example My UDP device node sends to server port 8585
90 just write 8585
Herong Lu 20.2 91
Herong Lu 21.1 92 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.
Herong Lu 20.2 93
Herong Lu 21.1 94 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.
Herong Lu 20.2 95
96 [[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"]]
97
98 [[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"]]
99
100 [[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"]]
101
102 [[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"]]
103
Herong Lu 21.1 104 When the node successfully sends data, the effect shown in the following figure will appear
Herong Lu 20.2 105
106 [[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"]]
107
Herong Lu 21.1 108 === About function ===
Herong Lu 20.2 109
Herong Lu 21.1 110 If you are familiar with JS code, you can write it yourself
111 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
Herong Lu 20.2 112
113 [[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"]]
114
115
Herong Lu 21.1 116 == Plot Chart for sensors ==
Herong Lu 20.2 117
Herong Lu 25.1 118 If you need data visualization, please refer to the following
Herong Lu 20.2 119
Herong Lu 25.1 120 [[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"]]
121
122 ~1. Click Install
123 2. Search the dashboard
124 3. Click Install
125
126 [[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"]]
127
128 After the installation is successful, nodered will show the following node icon
129
130 [[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"]]
131
Herong Lu 26.1 132 === the line chart as an example ===
Herong Lu 25.1 133
134 Drag the line chart to the editing area
135
136 Just drag and drop as many as you need, or you can copy
137
138 The demo uses 3 kinds. Voltage, temperature, humidity
139
140 [[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"]]
141
142 double click function
143
144 [[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"]]
145
146 Adjusted to 3, because we need to display 3 charts
147
148 [[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"]]
149
Herong Lu 26.1 150 === the chart settings ===
Herong Lu 25.1 151
152 Double-click while setting up the node as above
153
154 [[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"]]
155
156 [[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"]]
157
158 [[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"]]
159
160 [[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"]]
161
162 [[image:image-20220525185746-2.png]]
163
164 [[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"]]
165
166 After the display interface is defined for the first time, subsequent charts can directly select the display interface
167
168 [[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"]]​​​​​​
169
170 [[image:image-20220525190106-3.png]]
171
172 Connect graph nodes to functions with lines
173
174 Click to deploy
175
176 [[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"]]
177
178 Enter the server public IP + port 1880/ui
179
180 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
181
182 [[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"]]
183
184 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.
185
Herong Lu 21.1 186 == Store Value ==
Herong Lu 20.2 187
Herong Lu 36.1 188 Regarding storage, we recommend two ways
Herong Lu 20.2 189
Herong Lu 36.1 190 === 1.Generate txt document directly ===
191
192 Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
193
194 === 2.Use sqlite database ===
195
196 ==== 1.Install SQLite ====
197
198 [[image:image-20220713111030-2.png]]
199
200 ==== 2.After the installation is successful, the nodes in the picture will appear ====
201
202 [[image:image-20220713111200-3.png]]
203
204 ==== 3.Import sample flow ====
205
206
Herong Lu 21.1 207 == Email Notification ==
Herong Lu 20.2 208
209
Herong Lu 21.1 210 = Input Flow =
Herong Lu 20.2 211
Herong Lu 27.1 212 Directly import JSON files to generate flow
213
214 Download the required JSON file through this link: 提供一个链接
215
Herong Lu 28.1 216 Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
217
Herong Lu 27.1 218 [[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"]]
219
220 [[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"]]
221
222 [[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"]]
223
224 [[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"]]
225
Herong Lu 28.1 226 After the import is successful, change the MQTT in node to your TTN information
227
228 [[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"]]
229
230 [[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"]]
231
232 Configure information consistent with your TTN
233
234 [[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"]]
235
236 [[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"]]
237
238 API keys generated by the password for you
239
240 [[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"]]
241
242 Topic modify it to the following format
243
Herong Lu 30.1 244 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
Herong Lu 28.1 245
246 [[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"]]
247
248 After the modification is completed, click Deploy