Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 104.2 >
edited by Mengting Qiu
on 2024/11/19 11:19
To version < 75.1 >
edited by Mengting Qiu
on 2024/02/22 16:10
>
Change comment: Uploaded new attachment "image-20240222161010-13.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -84,27 +84,34 @@
84 84  
85 85  After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
86 86  
87 -[[image:image-20241119101328-1.png||height="460" width="970"]]
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 +
90 +
89 89  Rename the stream
90 90  
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"]]
91 91  
92 92  
93 -[[image:image-20241119101551-2.png||height="465" width="979"]]
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"]]
94 94  
95 95  
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 +
96 96  Drag UDP into the editing area
97 97  
98 -[[image:image-20241119101952-3.png||height="466" width="983"]]
99 99  
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"]]
100 100  
106 +
101 101  The same method as above, drag and drop functions and debug into the editing area
102 102  
103 -[[image:image-20241119102218-4.png||height="468" width="986"]]
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"]]
104 104  
111 +
105 105  configure UDP in
106 106  
107 -[[image:image-20241119103312-7.png||height="470" width="991"]]
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"]]
108 108  
109 109  
110 110  Write to the UDP port that the device node sends to the server
... ... @@ -118,12 +118,21 @@
118 118  
119 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 120  
121 -[[image:image-20241119105123-9.png||height="557" width="995"]]
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"]]
122 122  
123 123  
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 +
124 124  When the node successfully sends data, the effect shown in the following figure will appear
125 125  
126 -[[image:image-20241119104939-8.png||height="473" width="996"]]
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"]]
127 127  
128 128  
129 129  === 2.2.1 About function ===
... ... @@ -150,12 +150,12 @@
150 150  (% style="color:blue" %)**3. Click Install**
151 151  
152 152  
153 -[[image:image-20241119110335-11.png||height="483" width="1018"]]
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"]]
154 154  
155 155  
156 156  After the installation is successful, nodered will show the following node icon
157 157  
158 -[[image:image-20241119110539-12.png||height="484" width="1020"]]
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"]]
159 159  
160 160  
161 161  === 2.3.1 the line chart as an example ===
... ... @@ -167,16 +167,21 @@
167 167  
168 168  The demo uses 3 kinds. Voltage, temperature, humidity
169 169  
186 +
170 170  [[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"]]
171 171  
172 172  
190 +
173 173  double click function
174 174  
193 +
175 175  [[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"]]
176 176  
177 177  
197 +
178 178  Adjusted to 3, because we need to display 3 charts
179 179  
200 +
180 180  [[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"]]
181 181  
182 182  
... ... @@ -204,8 +204,10 @@
204 204  [[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"]]
205 205  
206 206  
228 +
207 207  After the display interface is defined for the first time, subsequent charts can directly select the display interface
208 208  
231 +
209 209  [[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"]]
210 210  
211 211  ​​​​​​
... ... @@ -213,10 +213,12 @@
213 213  [[image:image-20220525190106-3.png||height="575" width="724"]]
214 214  
215 215  
239 +
216 216  Connect graph nodes to functions with lines
217 217  
218 218  Click to deploy
219 219  
244 +
220 220  [[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"]]
221 221  
222 222  Enter the server public IP + port 1880/ui
... ... @@ -224,6 +224,7 @@
224 224  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
225 225  
226 226  
252 +
227 227  [[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"]]
228 228  
229 229  
... ... @@ -393,76 +393,4 @@
393 393  
394 394  == 5.1 How to use Node-Red to schedule downlink to ChirpStack LoRaWAN Server? ==
395 395  
396 -=== 5.1.1 Install node-red-node-base64 ===
397 -
398 -
399 -[[image:image-20240222154204-1.png||height="456" width="983"]]
400 -
401 -[[image:image-20240222154819-3.png||height="469" width="990"]]
402 -
403 -
404 -=== 5.1.2 Import Example Flow ===
405 -
406 -
407 -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]]
408 -
409 -[[image:image-20240222155121-4.png||height="495" width="1017"]]
410 -
411 -[[image:image-20240222155239-5.png||height="497" width="1020"]]
412 -
413 -
414 -=== 5.1.3 Establish connection ===
415 -
416 -
417 -Setting up the server:
418 -
419 -[[image:image-20240222160019-7.png||height="413" width="955"]]
420 -
421 -[[image:image-20240222160223-8.png||height="416" width="956"]]
422 -
423 -[[image:image-20240222160347-9.png||height="426" width="963"]]
424 -
425 -Change the theme to Application lD and DevEUl for ChirpStack:
426 -
427 -[[image:image-20240222160712-10.png||height="429" width="988"]]
428 -
429 -[[image:image-20240222160735-11.png||height="417" width="984"]]
430 -
431 -[[image:image-20240222160842-12.png||height="387" width="992"]]
432 -
433 -And then，
434 -
435 -[[image:image-20240222161010-13.png||height="454" width="997"]]
436 -
437 -[[image:image-20240222161147-14.png||height="478" width="1002"]]
438 -
439 -Connection established successfully：
440 -
441 -[[image:image-20240222161252-15.png||height="412" width="1001"]]
442 -
443 -
444 -=== 5.1.4 Input downlink command ===
445 -
446 -
447 -[[image:image-20240222161614-16.png||height="465" width="997"]]
448 -
449 -[[image:image-20240222161937-17.png||height="472" width="997"]]
450 -
451 -
452 -Example action video:[[https:~~/~~/youtu.be/Lqm-k5nQ5eU>>https://youtu.be/Lqm-k5nQ5eU]]
453 -
454 -
455 -== 5.2 How to use Node-Red to schedule downlink to TTN-V3 LoRaWAN Server? ==
456 -
457 -=== 5.2.1 Reference 5.1.1 Installing base64 nodes ===
458 -
459 -=== 5.2.2 Import Example Flow ===
460 -
461 -
462 -Reference 5.1.2
463 -
464 -Taking LT-222222-L as an example
465 -
466 -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]]
467 -
468 -Please refer to this video for specific operation steps: [[https:~~/~~/youtu.be/kms679e4m_Y>>https://youtu.be/kms679e4m_Y]]
422 +
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
image-20241119095303-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -98.7 KB
Content
image-20241119095641-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -112.0 KB
Content
image-20241119095835-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -143.2 KB
Content
image-20241119095932-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -97.3 KB
Content
image-20241119100054-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -90.3 KB
Content
image-20241119101328-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -98.0 KB
Content
image-20241119101551-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -118.6 KB
Content
image-20241119101952-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -108.9 KB
Content
image-20241119102218-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -115.0 KB
Content
image-20241119102408-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -118.1 KB
Content
image-20241119102616-6.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -125.7 KB
Content
image-20241119103312-7.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -137.3 KB
Content
image-20241119104939-8.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -123.0 KB
Content
image-20241119105123-9.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -113.5 KB
Content
image-20241119105623-10.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -127.3 KB
Content
image-20241119110335-11.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -168.9 KB
Content
image-20241119110539-12.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -136.4 KB
Content
image-20241119111420-13.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -111.7 KB
Content

Applications

Navigation

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