Skip to Content

Wiki source code of Node-RED_Install and Use

Version 41.1 by Edwin Chen on 2022/10/16 08:02
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
Xiaoling 39.2 60
Edwin Chen 41.1 61 The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
Edwin Chen 12.1 62
Edwin Chen 41.1 63 * [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
Xiaoling 37.2 64
Edwin Chen 41.1 65 Other gateway model doesn't support built-in Node-Red server.
Xiaoling 39.2 66
Edwin Chen 41.1 67
Edwin Chen 40.1 68 = 2.  General Use of  Node-RED =
Xiaoling 37.2 69
70
Edwin Chen 40.1 71 This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
72
73
Xiaoling 37.2 74 == 2.1  Login to Node-RED interface ==
75
76
Herong Lu 21.1 77 Enter your public IP address followed by the port number 1880
Edwin Chen 12.1 78
Herong Lu 21.1 79 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
Edwin Chen 12.1 80
Herong Lu 38.1 81 [[image:image-20220519104115-4.png||height="280" width="768"]]
Edwin Chen 12.1 82
83
Edwin Chen 16.1 84
Xiaoling 37.2 85 == 2.2  Add flow ==
86
87
Herong Lu 21.1 88 Take NBSN95 mod1 UDP protocol as an example
Edwin Chen 16.1 89
Xiaoling 37.5 90 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
Edwin Chen 16.1 91
Herong Lu 38.1 92 [[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"]]
Edwin Chen 16.1 93
Xiaoling 37.5 94
95
Herong Lu 21.1 96 Rename the stream
Edwin Chen 16.1 97
Herong Lu 38.1 98 [[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"]]
Edwin Chen 16.1 99
Xiaoling 39.2 100
Herong Lu 38.1 101 [[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"]]
Edwin Chen 17.1 102
Xiaoling 39.2 103
Herong Lu 20.2 104 [[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 105
Herong Lu 21.1 106 Drag UDP into the editing area
Edwin Chen 17.1 107
Xiaoling 37.5 108
109
Herong Lu 20.2 110 [[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"]]
111
Xiaoling 37.5 112
Herong Lu 21.1 113 The same method as above, drag and drop functions and debug into the editing area
Herong Lu 20.2 114
Herong Lu 38.1 115 [[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"]]
Herong Lu 20.2 116
Xiaoling 37.5 117
118
Herong Lu 21.1 119 configure UDP in
Herong Lu 20.2 120
Herong Lu 38.1 121 [[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"]]
Herong Lu 20.2 122
Xiaoling 37.5 123
Herong Lu 21.1 124 Write to the UDP port that the device node sends to the server
Herong Lu 20.2 125
Herong Lu 21.1 126 Example My UDP device node sends to server port 8585
127 just write 8585
Herong Lu 20.2 128
129
Xiaoling 37.5 130 (% 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.**
131
132
Herong Lu 21.1 133 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 134
Herong Lu 38.1 135 [[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"]]
Herong Lu 20.2 136
Xiaoling 37.5 137
Herong Lu 38.1 138 [[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"]]
Herong Lu 20.2 139
Xiaoling 37.5 140
Herong Lu 38.1 141 [[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"]]
Herong Lu 20.2 142
Xiaoling 37.5 143
Herong Lu 38.1 144 [[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"]]
Herong Lu 20.2 145
Xiaoling 37.5 146
147
Herong Lu 21.1 148 When the node successfully sends data, the effect shown in the following figure will appear
Herong Lu 20.2 149
Herong Lu 38.1 150 [[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"]]
Herong Lu 20.2 151
152
Xiaoling 37.2 153
154 === 2.2.1  About function ===
155
156
Herong Lu 21.1 157 If you are familiar with JS code, you can write it yourself
158 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 159
Xiaoling 37.6 160
Herong Lu 38.1 161 [[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"]]
Herong Lu 20.2 162
163
164
Xiaoling 37.2 165 == 2.3  Plot Chart for sensors ==
166
167
Herong Lu 25.1 168 If you need data visualization, please refer to the following
Herong Lu 20.2 169
Xiaoling 37.2 170
Herong Lu 25.1 171 [[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"]]
172
Xiaoling 37.6 173
174
175 (% style="color:blue" %)**1. Click Install
Herong Lu 25.1 176 2. Search the dashboard
Xiaoling 37.6 177 3. Click Install**
Herong Lu 25.1 178
Xiaoling 37.6 179
180
Herong Lu 38.1 181 [[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"]]
Herong Lu 25.1 182
Xiaoling 37.7 183
184
Herong Lu 25.1 185 After the installation is successful, nodered will show the following node icon
186
187 [[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"]]
188
189
Xiaoling 37.2 190
191 === 2.3.1  the line chart as an example ===
192
193
Herong Lu 25.1 194 Drag the line chart to the editing area
195
196 Just drag and drop as many as you need, or you can copy
197
198 The demo uses 3 kinds. Voltage, temperature, humidity
199
Xiaoling 37.7 200
Herong Lu 38.1 201 [[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"]]
Herong Lu 25.1 202
Xiaoling 37.7 203
204
Herong Lu 25.1 205 double click function
206
Xiaoling 37.7 207
Herong Lu 38.1 208 [[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"]]
Herong Lu 25.1 209
Xiaoling 37.7 210
211
Herong Lu 25.1 212 Adjusted to 3, because we need to display 3 charts
213
Xiaoling 37.7 214
Herong Lu 38.1 215 [[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"]]
Herong Lu 25.1 216
217
Xiaoling 37.2 218
219 === 2.3.2  the chart settings ===
220
221
Herong Lu 25.1 222 Double-click while setting up the node as above
223
Xiaoling 37.7 224
Herong Lu 38.1 225 [[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"]]
Herong Lu 25.1 226
Xiaoling 37.7 227
Herong Lu 38.1 228 [[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"]]
Herong Lu 25.1 229
Xiaoling 37.7 230
Herong Lu 38.1 231 [[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"]]
Herong Lu 25.1 232
Xiaoling 37.7 233
Herong Lu 38.1 234 [[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"]]
Herong Lu 25.1 235
Xiaoling 37.7 236
Herong Lu 38.1 237 [[image:image-20220525185746-2.png||height="421" width="724"]]
Herong Lu 25.1 238
Xiaoling 37.7 239
Herong Lu 38.1 240 [[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"]]
Herong Lu 25.1 241
Xiaoling 37.7 242
243
Herong Lu 25.1 244 After the display interface is defined for the first time, subsequent charts can directly select the display interface
245
246
Herong Lu 38.1 247 [[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"]]
Xiaoling 37.7 248
249 ​​​​​​
250
Herong Lu 38.1 251 [[image:image-20220525190106-3.png||height="575" width="724"]]
Herong Lu 25.1 252
Xiaoling 37.7 253
254
Herong Lu 25.1 255 Connect graph nodes to functions with lines
256
257 Click to deploy
258
Xiaoling 37.7 259
Herong Lu 38.1 260 [[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"]]
Herong Lu 25.1 261
262 Enter the server public IP + port 1880/ui
263
264 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
265
Xiaoling 37.7 266
267
Herong Lu 38.1 268 [[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"]]
Herong Lu 25.1 269
Xiaoling 39.2 270
Herong Lu 25.1 271 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.
272
Herong Lu 20.2 273
Xiaoling 37.2 274
275 == 2.4  Store Value ==
276
277
Xiaoling 37.8 278 Regarding storage, we recommend two ways.
Herong Lu 20.2 279
Herong Lu 36.1 280
Xiaoling 37.2 281
Xiaoling 37.3 282 === 2.4.1  1. Generate txt document directly ===
Xiaoling 37.2 283
Xiaoling 39.2 284
Herong Lu 38.1 285 Sample JSON file:链接转到示例JSON文件
Xiaoling 37.8 286
Herong Lu 38.1 287 [[image:image-20220713102658-1.png||height="346" width="728"]]
Herong Lu 36.1 288
289
290
Xiaoling 37.3 291 === 2.4.2  2. Use sqlite database ===
Xiaoling 37.2 292
293
Xiaoling 37.8 294 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
Xiaoling 37.2 295
296
Herong Lu 38.1 297 [[image:image-20220713111030-2.png||height="438" width="739"]]
Herong Lu 36.1 298
299
Xiaoling 37.2 300
Xiaoling 37.8 301 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
Xiaoling 37.2 302
303
Herong Lu 36.1 304 [[image:image-20220713111200-3.png]]
305
306
307
Xiaoling 37.8 308 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
Herong Lu 20.2 309
Xiaoling 39.2 310
Herong Lu 39.1 311 Refer to the import example below to import the sqlite example flow
Herong Lu 20.2 312
Herong Lu 39.1 313 Download sample JSON file link: 链接
Xiaoling 37.8 314
Xiaoling 39.2 315
316
Edwin Chen 40.1 317 = 3.  Import Input Flow for Dragino Sensors =
Xiaoling 37.2 318
319
Edwin Chen 40.1 320 Dragino provides input flow examples for the sensors.
Herong Lu 27.1 321
Edwin Chen 40.1 322 User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
Herong Lu 27.1 323
Edwin Chen 40.1 324 Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
Herong Lu 28.1 325
Herong Lu 27.1 326 [[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"]]
327
328 [[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"]]
329
Herong Lu 38.1 330 [[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"]]
Herong Lu 27.1 331
Herong Lu 38.1 332 [[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"]]
Herong Lu 27.1 333
Herong Lu 28.1 334 After the import is successful, change the MQTT in node to your TTN information
335
Herong Lu 38.1 336 [[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"]]
Herong Lu 28.1 337
Herong Lu 38.1 338 [[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"]]
Herong Lu 28.1 339
Xiaoling 39.2 340
341
Herong Lu 28.1 342 Configure information consistent with your TTN
343
Herong Lu 38.1 344 [[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"]]
Herong Lu 28.1 345
Herong Lu 38.1 346 [[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"]]
Herong Lu 28.1 347
Xiaoling 39.2 348
349
Herong Lu 28.1 350 API keys generated by the password for you
351
Herong Lu 38.1 352 [[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"]]
Herong Lu 28.1 353
Xiaoling 39.2 354
Herong Lu 28.1 355 Topic modify it to the following format
356
Herong Lu 30.1 357 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
Herong Lu 28.1 358
Herong Lu 38.1 359 [[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"]]
Herong Lu 28.1 360
361 After the modification is completed, click Deploy