Wiki source code of Node-RED_Install and Use

Version 80.1 by Mengting Qiu on 2024/02/22 16:29
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
91 Rename the stream
92
93 [[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"]]
94
95
96 [[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"]]
97
98
99 [[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"]]
100
101 Drag UDP into the editing area
102
103
104 [[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"]]
105
106
107 The same method as above, drag and drop functions and debug into the editing area
108
109 [[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"]]
110
111
112 configure UDP in
113
114 [[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"]]
115
116
117 Write to the UDP port that the device node sends to the server
118
119 Example My UDP device node sends to server port 8585
120 just write 8585
121
122
123 (% 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.**
124
125
126 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.
127
128 [[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"]]
129
130
131 [[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"]]
132
133
134 [[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"]]
135
136
137 [[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"]]
138
139
140 When the node successfully sends data, the effect shown in the following figure will appear
141
142 [[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"]]
143
144
145 === 2.2.1 About function ===
146
147
148 If you are familiar with JS code, you can write it yourself
149 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.
150
151 [[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"]]
152
153
154 == 2.3 Plot Chart for sensors ==
155
156
157 If you need data visualization, please refer to the following
158
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
162 (% style="color:blue" %)**1. Click Install**
163
164 (% style="color:blue" %)**2. Search the dashboard**
165
166 (% style="color:blue" %)**3. Click Install**
167
168
169 [[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"]]
170
171
172 After the installation is successful, nodered will show the following node icon
173
174 [[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"]]
175
176
177 === 2.3.1 the line chart as an example ===
178
179
180 Drag the line chart to the editing area
181
182 Just drag and drop as many as you need, or you can copy
183
184 The demo uses 3 kinds. Voltage, temperature, humidity
185
186
187 [[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"]]
188
189
190
191 double click function
192
193
194 [[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"]]
195
196
197
198 Adjusted to 3, because we need to display 3 charts
199
200
201 [[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"]]
202
203
204 === 2.3.2 the chart settings ===
205
206
207 Double-click while setting up the node as above
208
209
210 [[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"]]
211
212
213 [[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"]]
214
215
216 [[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"]]
217
218
219 [[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"]]
220
221
222 [[image:image-20220525185746-2.png||height="421" width="724"]]
223
224
225 [[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"]]
226
227
228
229 After the display interface is defined for the first time, subsequent charts can directly select the display interface
230
231
232 [[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"]]
233
234 ​​​​​​
235
236 [[image:image-20220525190106-3.png||height="575" width="724"]]
237
238
239
240 Connect graph nodes to functions with lines
241
242 Click to deploy
243
244
245 [[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"]]
246
247 Enter the server public IP + port 1880/ui
248
249 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
250
251
252
253 [[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"]]
254
255
256 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.
257
258
259 == 2.4 Store Value ==
260
261
262 Regarding storage, we recommend two ways.
263
264
265 === 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
266
267
268 Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
269
270 [[image:image-20220713102658-1.png||height="346" width="728"]]
271
272
273 === 2.4.2 Method 2: Use sqlite database ===
274
275
276 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
277
278
279 [[image:image-20220713111030-2.png||height="438" width="739"]]
280
281
282
283 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
284
285
286 [[image:image-20220713111200-3.png]]
287
288
289
290 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
291
292
293 Refer to the import example below to import the sqlite example flow
294
295 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]]
296
297
298 = 3. Import Input Flow for Dragino Sensors =
299
300
301 Dragino provides input flow examples for the sensors.
302
303 User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
304
305 Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
306
307 [[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"]]
308
309 [[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"]]
310
311 [[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"]]
312
313 [[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"]]
314
315 After the import is successful, change the MQTT in node to your TTN information
316
317 [[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"]]
318
319 [[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"]]
320
321
322
323 Configure information consistent with your TTN
324
325 [[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"]]
326
327 [[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"]]
328
329
330
331 API keys generated by the password for you
332
333 [[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"]]
334
335
336 Topic modify it to the following format
337
338 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
339
340 [[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"]]
341
342 After the modification is completed, click Deploy
343
344
345 = 4. Add Dragino node =
346
347
348 Please do not modify the code anywhere to avoid any exceptions
349
350 The prerequisite is to install the Dragino node and the sqlite node dashboard node
351
352 The echarts library is placed in the static file of node red
353
354 Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
355
356 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]]
357
358
359 == 4.1 Installing Dragino nodes ==
360
361
362 [[image:image-20240104095739-1.png||height="662" width="662"]]
363
364 [[image:image-20240104100026-2.png]]
365
366 [[image:image-20240104100109-3.png]]
367
368
369 == 4.2 Import General Flow ==
370
371
372 [[image:image-20240104100340-4.png]]
373
374 [[image:image-20240104100446-5.png||height="407" width="885"]]
375
376 Please refer to the previous chapters for MQTT settings and sqlite installation settings
377
378
379 == 4.3 Using flow ==
380
381
382 Just double-click on the drag ino decoder node and select it from the dropdown menu
383
384 Corresponding nodes are sufficient
385
386 [[image:image-20240104100928-6.png||height="439" width="755"]]
387
388 Setting the template node
389
390 [[image:image-20240104101446-8.png]]
391
392 When multiple nodes are needed in the same process
393
394 [[image:image-20240104103636-1.png]]
395
396 If using the NodeRed that comes with the Dragino gateway
397
398 Change to the following path
399
400 "/static/echarts.min.js"
401
402 [[image:image-20240110153029-1.png]]
403
404
405 After setting up, select deployment
406
407 [[image:image-20240104101346-7.png||height="242" width="724"]]
408
409 Enter the server public IP + port 1880/ui
410
411 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
412
413 You can see the UI display effect in the following picture
414
415 [[image:image-20240104104931-2.png||height="737" width="1131"]]
416
417
418 = 5. FAQ =
419
420 == 5.1 How to use Node-Red to schedule downlink to ChirpStack LoRaWAN Server? ==
421
422 === 5.1.1 Install node-red-node-base64 ===
423
424 [[image:image-20240222154204-1.png||height="456" width="983"]]
425
426 [[image:image-20240222154819-3.png||height="469" width="990"]]
427
428
429 === 5.1.2 Import Example Flow ===
430
431 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]]
432
433 [[image:image-20240222155121-4.png||height="495" width="1017"]]
434
435 [[image:image-20240222155239-5.png||height="497" width="1020"]]
436
437
438 === 5.1.3 Establish connection ===
439
440 Setting up the server:
441
442 [[image:image-20240222160019-7.png||height="413" width="955"]]
443
444 [[image:image-20240222160223-8.png||height="416" width="956"]]
445
446 [[image:image-20240222160347-9.png||height="426" width="963"]]
447
448 Change the theme to Application lD and DevEUl for ChirpStack:
449
450 [[image:image-20240222160712-10.png||height="429" width="988"]]
451
452 [[image:image-20240222160735-11.png||height="417" width="984"]]
453
454 [[image:image-20240222160842-12.png||height="387" width="992"]]
455
456 And then，
457
458 [[image:image-20240222161010-13.png||height="454" width="997"]]
459
460 [[image:image-20240222161147-14.png||height="478" width="1002"]]
461
462 Connection established successfully：
463
464 [[image:image-20240222161252-15.png||height="412" width="1001"]]
465
466
467 === 5.1.4 Input downlink command ===
468
469 [[image:image-20240222161614-16.png||height="465" width="997"]]
470
471 [[image:image-20240222161937-17.png||height="472" width="997"]]
472
473
474 Example action video:[[https:~~/~~/youtu.be/Lqm-k5nQ5eU>>https://youtu.be/Lqm-k5nQ5eU]]
475
476
477
478

Applications

Navigation

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