Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 84.2 >
edited by Xiaoling
on 2024/03/02 17:59
To version < 59.1 >
edited by Herong Lu
on 2024/01/04 10:49
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Xiaoling
1 +XWiki.Lu
Content
... ... @@ -6,15 +6,15 @@
6 6  
7 7  
8 8  
9 -= 1. Installation =
9 += 1.  Installation =
10 10  
11 11  
12 12  Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13 13  
14 14  
15 -== 1.1 Install Example for CENTOS ==
15 +== 1.1  Install Example for CENTOS ==
16 16  
17 -=== 1.1.1 Installation ===
17 +=== 1.1.1  Installation ===
18 18  
19 19  
20 20  (% class="box infomessage" %)
... ... @@ -35,7 +35,7 @@
35 35  [[image:image-20220526161103-2.png]]
36 36  
37 37  
38 -=== 1.1.2 If you want to start Node-RED as a background process ===
38 +=== 1.1.2  If you want to start Node-RED as a background process ===
39 39  
40 40  
41 41  Type in the command line interface  (% style="color:red" %)**nohup node-red &**
... ... @@ -51,7 +51,7 @@
51 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 52  
53 53  
54 -== 1.2 Install in Dragino Gataway ==
54 +== 1.2  Install in Dragino Gataway ==
55 55  
56 56  
57 57  The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
... ... @@ -61,13 +61,13 @@
61 61  Other gateway model doesn't support built-in Node-Red server.
62 62  
63 63  
64 -= 2. General Use of  Node-RED =
64 += 2.  General Use of  Node-RED =
65 65  
66 66  
67 67  This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68 68  
69 69  
70 -== 2.1 Login to Node-RED interface ==
70 +== 2.1  Login to Node-RED interface ==
71 71  
72 72  
73 73  Enter your public IP address followed by the port number 1880
... ... @@ -77,7 +77,7 @@
77 77  [[image:image-20220519104115-4.png||height="280" width="768"]]
78 78  
79 79  
80 -== 2.2 Add flow ==
80 +== 2.2  Add flow ==
81 81  
82 82  
83 83  Take NBSN95 mod1 UDP protocol as an example
... ... @@ -87,6 +87,7 @@
87 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 88  
89 89  
90 +
90 90  Rename the stream
91 91  
92 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"]]
... ... @@ -100,6 +100,7 @@
100 100  Drag UDP into the editing area
101 101  
102 102  
104 +
103 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 104  
105 105  
... ... @@ -108,6 +108,7 @@
108 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 109  
110 110  
113 +
111 111  configure UDP in
112 112  
113 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"]]
... ... @@ -136,28 +136,32 @@
136 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 137  
138 138  
142 +
139 139  When the node successfully sends data, the effect shown in the following figure will appear
140 140  
141 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 142  
143 143  
144 -=== 2.2.1 About function ===
148 +=== 2.2.1  About function ===
145 145  
146 146  
147 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.
152 +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 149  
154 +
150 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 151  
152 152  
153 -== 2.3 Plot Chart for sensors ==
158 +== 2.3  Plot Chart for sensors ==
154 154  
155 155  
156 156  If you need data visualization, please refer to the following
157 157  
163 +
158 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 159  
160 160  
167 +
161 161  (% style="color:blue" %)**1. Click Install**
162 162  
163 163  (% style="color:blue" %)**2. Search the dashboard**
... ... @@ -165,15 +165,17 @@
165 165  (% style="color:blue" %)**3. Click Install**
166 166  
167 167  
175 +
168 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 169  
170 170  
179 +
171 171  After the installation is successful, nodered will show the following node icon
172 172  
173 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 174  
175 175  
176 -=== 2.3.1 the line chart as an example ===
185 +=== 2.3.1  the line chart as an example ===
177 177  
178 178  
179 179  Drag the line chart to the editing area
... ... @@ -182,20 +182,25 @@
182 182  
183 183  The demo uses 3 kinds. Voltage, temperature, humidity
184 184  
194 +
185 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 186  
187 187  
198 +
188 188  double click function
189 189  
201 +
190 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 191  
192 192  
205 +
193 193  Adjusted to 3, because we need to display 3 charts
194 194  
208 +
195 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 196  
197 197  
198 -=== 2.3.2 the chart settings ===
212 +=== 2.3.2  the chart settings ===
199 199  
200 200  
201 201  Double-click while setting up the node as above
... ... @@ -219,8 +219,10 @@
219 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 220  
221 221  
236 +
222 222  After the display interface is defined for the first time, subsequent charts can directly select the display interface
223 223  
239 +
224 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 225  
226 226  ​​​​​​
... ... @@ -228,10 +228,12 @@
228 228  [[image:image-20220525190106-3.png||height="575" width="724"]]
229 229  
230 230  
247 +
231 231  Connect graph nodes to functions with lines
232 232  
233 233  Click to deploy
234 234  
252 +
235 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 236  
237 237  Enter the server public IP + port 1880/ui
... ... @@ -239,6 +239,7 @@
239 239  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
240 240  
241 241  
260 +
242 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 243  
244 244  
... ... @@ -245,13 +245,13 @@
245 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 246  
247 247  
248 -== 2.4 Store Value ==
267 +== 2.4  Store Value ==
249 249  
250 250  
251 251  Regarding storage, we recommend two ways.
252 252  
253 253  
254 -=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
273 +=== 2.4.1  1. Generate txt document directly ===
255 255  
256 256  
257 257  Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
... ... @@ -259,7 +259,7 @@
259 259  [[image:image-20220713102658-1.png||height="346" width="728"]]
260 260  
261 261  
262 -=== 2.4.2 Method 2: Use sqlite database ===
281 +=== 2.4.2  2. Use sqlite database ===
263 263  
264 264  
265 265  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
... ... @@ -284,7 +284,7 @@
284 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 285  
286 286  
287 -= 3. Import Input Flow for Dragino Sensors =
306 += 3.  Import Input Flow for Dragino Sensors =
288 288  
289 289  
290 290  Dragino provides input flow examples for the sensors.
... ... @@ -330,10 +330,8 @@
330 330  
331 331  After the modification is completed, click Deploy
332 332  
352 += 4.Add Dragino node =
333 333  
334 -= 4. Add Dragino node =
335 -
336 -
337 337  Please do not modify the code anywhere to avoid any exceptions
338 338  
339 339  The prerequisite is to install the Dragino node and the sqlite node dashboard node
... ... @@ -342,12 +342,10 @@
342 342  
343 343  Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
344 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]]
362 +Please download the general flow and echarts files from this link：这里放链接
346 346  
364 +== 4.1Installing Dragino nodes ==
347 347  
348 -== 4.1 Installing Dragino nodes ==
349 -
350 -
351 351  [[image:image-20240104095739-1.png||height="662" width="662"]]
352 352  
353 353  [[image:image-20240104100026-2.png]]
... ... @@ -354,10 +354,8 @@
354 354  
355 355  [[image:image-20240104100109-3.png]]
356 356  
372 +== 4.2Import General Flow ==
357 357  
358 -== 4.2 Import General Flow ==
359 -
360 -
361 361  [[image:image-20240104100340-4.png]]
362 362  
363 363  [[image:image-20240104100446-5.png||height="407" width="885"]]
... ... @@ -364,10 +364,8 @@
364 364  
365 365  Please refer to the previous chapters for MQTT settings and sqlite installation settings
366 366  
380 +== 4.3Using flow ==
367 367  
368 -== 4.3 Using flow ==
369 -
370 -
371 371  Just double-click on the drag ino decoder node and select it from the dropdown menu
372 372  
373 373  Corresponding nodes are sufficient
... ... @@ -382,15 +382,7 @@
382 382  
383 383  [[image:image-20240104103636-1.png]]
384 384  
385 -If using the NodeRed that comes with the Dragino gateway
386 386  
387 -Change to the following path
388 -
389 -"/static/echarts.min.js"
390 -
391 -[[image:image-20240110153029-1.png]]
392 -
393 -
394 394  After setting up, select deployment
395 395  
396 396  [[image:image-20240104101346-7.png||height="242" width="724"]]
... ... @@ -401,85 +401,4 @@
401 401  
402 402  You can see the UI display effect in the following picture
403 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.2.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:
484 -
485 -
407 +[[image:image-20240104104931-2.png]]
image-20240110153029-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -36.5 KB
Content
image-20240222154204-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -159.2 KB
Content
image-20240222154335-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -131.8 KB
Content
image-20240222154819-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -142.1 KB
Content
image-20240222155121-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -109.6 KB
Content
image-20240222155239-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -169.6 KB
Content
image-20240222155401-6.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -631.1 KB
Content
image-20240222160019-7.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -180.7 KB
Content
image-20240222160223-8.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -92.2 KB
Content
image-20240222160347-9.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -169.9 KB
Content
image-20240222160712-10.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -54.0 KB
Content
image-20240222160735-11.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -77.5 KB
Content
image-20240222160842-12.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -132.1 KB
Content
image-20240222161010-13.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -185.7 KB
Content
image-20240222161147-14.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -193.5 KB
Content
image-20240222161252-15.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -98.5 KB
Content
image-20240222161614-16.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -166.6 KB
Content
image-20240222161937-17.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -188.1 KB
Content

Applications

Navigation

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