Wiki source code of Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
Show last authors
1 (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 **Table of** **Contents：**
3
4 {{toc/}}
5
6
7
8
9 = 1. Installation =
10
11
12 Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13
14
15 == 1.1 Install Example for CENTOS ==
16
17 === 1.1.1 Installation ===
18
19
20 (% class="box infomessage" %)
21 (((
22 Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
23 Run below commands and wait for installation complete.
24 )))
25
26 [[image:image-20220526161040-1.png]]
27
28
29 (% style="color:blue" %)**Verify if the installation was successful**
30
31 Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
32
33 The following information appears to prove that the installation has been successful
34
35 [[image:image-20220526161103-2.png]]
36
37
38 === 1.1.2 If you want to start Node-RED as a background process ===
39
40
41 Type in the command line interface  (% style="color:red" %)**nohup node-red &**
42
43 It will prompt after startup
44
45 [[image:image-20220519104601-5.png]]
46
47 After seeing the above information, press **enter.**
48
49 Type in the command line  exit.
50
51 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.
52
53
54 == 1.2 Install in Dragino Gataway ==
55
56
57 The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
58
59 * [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
60
61 Other gateway model doesn't support built-in Node-Red server.
62
63
64 = 2. General Use of  Node-RED =
65
66
67 This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68
69
70 == 2.1 Login to Node-RED interface ==
71
72
73 Enter your public IP address followed by the port number 1880
74
75 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
76
77 [[image:image-20220519104115-4.png||height="280" width="768"]]
78
79
80 == 2.2 Add flow ==
81
82
83 Take NBSN95 mod1 UDP protocol as an example
84
85 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
86
87 [[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"]]
88
89
90 Rename the stream
91
92 [[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"]]
93
94
95 [[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"]]
96
97
98 [[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"]]
99
100 Drag UDP into the editing area
101
102
103 [[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"]]
104
105
106 The same method as above, drag and drop functions and debug into the editing area
107
108 [[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"]]
109
110
111 configure UDP in
112
113 [[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"]]
114
115
116 Write to the UDP port that the device node sends to the server
117
118 Example My UDP device node sends to server port 8585
119 just write 8585
120
121
122 (% 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.**
123
124
125 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.
126
127 [[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"]]
128
129
130 [[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"]]
131
132
133 [[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"]]
134
135
136 [[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"]]
137
138
139 When the node successfully sends data, the effect shown in the following figure will appear
140
141 [[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"]]
142
143
144 === 2.2.1 About function ===
145
146
147 If you are familiar with JS code, you can write it yourself
148 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.
149
150 [[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"]]
151
152
153 == 2.3 Plot Chart for sensors ==
154
155
156 If you need data visualization, please refer to the following
157
158 [[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"]]
159
160
161 (% style="color:blue" %)**1. Click Install**
162
163 (% style="color:blue" %)**2. Search the dashboard**
164
165 (% style="color:blue" %)**3. Click Install**
166
167
168 [[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"]]
169
170
171 After the installation is successful, nodered will show the following node icon
172
173 [[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"]]
174
175
176 === 2.3.1 the line chart as an example ===
177
178
179 Drag the line chart to the editing area
180
181 Just drag and drop as many as you need, or you can copy
182
183 The demo uses 3 kinds. Voltage, temperature, humidity
184
185 [[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"]]
186
187
188 double click function
189
190 [[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"]]
191
192
193 Adjusted to 3, because we need to display 3 charts
194
195 [[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"]]
196
197
198 === 2.3.2 the chart settings ===
199
200
201 Double-click while setting up the node as above
202
203
204 [[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"]]
205
206
207 [[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"]]
208
209
210 [[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"]]
211
212
213 [[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"]]
214
215
216 [[image:image-20220525185746-2.png||height="421" width="724"]]
217
218
219 [[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"]]
220
221
222 After the display interface is defined for the first time, subsequent charts can directly select the display interface
223
224 [[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"]]
225
226 ​​​​​​
227
228 [[image:image-20220525190106-3.png||height="575" width="724"]]
229
230
231 Connect graph nodes to functions with lines
232
233 Click to deploy
234
235 [[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"]]
236
237 Enter the server public IP + port 1880/ui
238
239 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
240
241
242 [[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"]]
243
244
245 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.
246
247
248 == 2.4 Store Value ==
249
250
251 Regarding storage, we recommend two ways.
252
253
254 === 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
255
256
257 Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
258
259 [[image:image-20220713102658-1.png||height="346" width="728"]]
260
261
262 === 2.4.2 Method 2: Use sqlite database ===
263
264
265 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
266
267
268 [[image:image-20220713111030-2.png||height="438" width="739"]]
269
270
271
272 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
273
274
275 [[image:image-20220713111200-3.png]]
276
277
278
279 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
280
281
282 Refer to the import example below to import the sqlite example flow
283
284 Download sample JSON file link: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
285
286
287 = 3. Import Input Flow for Dragino Sensors =
288
289
290 Dragino provides input flow examples for the sensors.
291
292 User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
293
294 Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
295
296 [[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"]]
297
298 [[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"]]
299
300 [[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"]]
301
302 [[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"]]
303
304 After the import is successful, change the MQTT in node to your TTN information
305
306 [[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"]]
307
308 [[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"]]
309
310
311
312 Configure information consistent with your TTN
313
314 [[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"]]
315
316 [[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"]]
317
318
319
320 API keys generated by the password for you
321
322 [[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"]]
323
324
325 Topic modify it to the following format
326
327 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
328
329 [[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"]]
330
331 After the modification is completed, click Deploy
332
333
334 = 4. Add Dragino node =
335
336
337 Please do not modify the code anywhere to avoid any exceptions
338
339 The prerequisite is to install the Dragino node and the sqlite node dashboard node
340
341 The echarts library is placed in the static file of node red
342
343 Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
344
345 Please download the general flow and echarts files from this link：[[https:~~/~~/www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0>>https://www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0]]
346
347
348 == 4.1 Installing Dragino nodes ==
349
350
351 [[image:image-20240104095739-1.png||height="662" width="662"]]
352
353 [[image:image-20240104100026-2.png]]
354
355 [[image:image-20240104100109-3.png]]
356
357
358 == 4.2 Import General Flow ==
359
360
361 [[image:image-20240104100340-4.png]]
362
363 [[image:image-20240104100446-5.png||height="407" width="885"]]
364
365 Please refer to the previous chapters for MQTT settings and sqlite installation settings
366
367
368 == 4.3 Using flow ==
369
370
371 Just double-click on the drag ino decoder node and select it from the dropdown menu
372
373 Corresponding nodes are sufficient
374
375 [[image:image-20240104100928-6.png||height="439" width="755"]]
376
377 Setting the template node
378
379 [[image:image-20240104101446-8.png]]
380
381 When multiple nodes are needed in the same process
382
383 [[image:image-20240104103636-1.png]]
384
385 If using the NodeRed that comes with the Dragino gateway
386
387 Change to the following path
388
389 "/static/echarts.min.js"
390
391 [[image:image-20240110153029-1.png]]
392
393
394 After setting up, select deployment
395
396 [[image:image-20240104101346-7.png||height="242" width="724"]]
397
398 Enter the server public IP + port 1880/ui
399
400 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
401
402 You can see the UI display effect in the following picture
403
404 [[image:image-20240104104931-2.png||height="737" width="1131"]]
405
406
407 = 5. FAQ =
408
409 == 5.1 How to use Node-Red to schedule downlink to ChirpStack LoRaWAN Server? ==
410
411 === 5.1.1 Install node-red-node-base64 ===
412
413
414 [[image:image-20240222154204-1.png||height="456" width="983"]]
415
416 [[image:image-20240222154819-3.png||height="469" width="990"]]
417
418
419 === 5.1.2 Import Example Flow ===
420
421
422 The Json file for the example flow can be downloaded at this link:[[https:~~/~~/github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/chirpstack-MQTT-down.json.>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/chirpstack-MQTT-down.json]]
423
424 [[image:image-20240222155121-4.png||height="495" width="1017"]]
425
426 [[image:image-20240222155239-5.png||height="497" width="1020"]]
427
428
429 === 5.1.3 Establish connection ===
430
431
432 Setting up the server:
433
434 [[image:image-20240222160019-7.png||height="413" width="955"]]
435
436 [[image:image-20240222160223-8.png||height="416" width="956"]]
437
438 [[image:image-20240222160347-9.png||height="426" width="963"]]
439
440 Change the theme to Application lD and DevEUl for ChirpStack:
441
442 [[image:image-20240222160712-10.png||height="429" width="988"]]
443
444 [[image:image-20240222160735-11.png||height="417" width="984"]]
445
446 [[image:image-20240222160842-12.png||height="387" width="992"]]
447
448 And then，
449
450 [[image:image-20240222161010-13.png||height="454" width="997"]]
451
452 [[image:image-20240222161147-14.png||height="478" width="1002"]]
453
454 Connection established successfully：
455
456 [[image:image-20240222161252-15.png||height="412" width="1001"]]
457
458
459 === 5.1.4 Input downlink command ===
460
461
462 [[image:image-20240222161614-16.png||height="465" width="997"]]
463
464 [[image:image-20240222161937-17.png||height="472" width="997"]]
465
466
467 Example action video:[[https:~~/~~/youtu.be/Lqm-k5nQ5eU>>https://youtu.be/Lqm-k5nQ5eU]]
468
469
470 == 5.2 How to use Node-Red to schedule downlink to TTN-V3 LoRaWAN Server? ==
471
472 === 5.2.1 Reference 5.1.1 Installing base64 nodes ===
473
474 === 5.2.2 Import Example Flow ===
475
476
477 Reference 5.1.2
478
479 Taking LT-222222-L as an example
480
481 The Json file for the example flow can be downloaded at this link:[[https:~~/~~/github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json]]
482
483 Please refer to this video for specific operation steps: [[https:~~/~~/youtu.be/kms679e4m_Y>>https://youtu.be/kms679e4m_Y]]
484
485

Applications

Navigation

Copyright ©2010-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0