Skip to Content

Wiki source code of Node-RED_Install and Use

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