Wiki source code of Node-RED_Install and Use

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

Applications

Navigation

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