Changes for page Node-RED_Install and Use
Last modified by Mengting Qiu on 2024/11/29 10:15
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 19 removed)
- image-20240110153029-1.png
- image-20240222154204-1.png
- image-20240222154335-2.png
- image-20240222154819-3.png
- image-20240222155121-4.png
- image-20240222155239-5.png
- image-20240222155401-6.png
- image-20240222160019-7.png
- image-20240222160223-8.png
- image-20240222160347-9.png
- image-20240222160712-10.png
- image-20240222160735-11.png
- image-20240222160842-12.png
- image-20240222161010-13.png
- image-20240222161147-14.png
- image-20240222161252-15.png
- image-20240222161614-16.png
- image-20240222161937-17.png
- image-20241119095303-1.png
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. ting1 +XWiki.Xiaoling - 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" %) (%%)Method1: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 Method2: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. ... ... @@ -354,10 +354,8 @@ 354 354 355 355 [[image:image-20240104100109-3.png]] 356 356 376 +== 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 384 +== 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.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 - 411 +[[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
- image-20241119095303-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.ting - Size
-
... ... @@ -1,1 +1,0 @@ 1 -98.7 KB - Content