Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 61.1 >
edited by Herong Lu
on 2024/01/10 15:31
To version < 54.1 >
edited by Herong Lu
on 2024/01/04 10:36
>
Change comment: Uploaded new attachment "image-20240104103636-1.png", version {1}

Summary

Details

Page properties
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
... ... @@ -101,6 +101,7 @@
101 101  Drag UDP into the editing area
102 102  
103 103  
104 +
104 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 105  
106 106  
... ... @@ -109,6 +109,7 @@
109 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 110  
111 111  
113 +
112 112  configure UDP in
113 113  
114 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"]]
... ... @@ -137,28 +137,32 @@
137 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 138  
139 139  
142 +
140 140  When the node successfully sends data, the effect shown in the following figure will appear
141 141  
142 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 143  
144 144  
145 -=== 2.2.1 About function ===
148 +=== 2.2.1  About function ===
146 146  
147 147  
148 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.
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
150 150  
154 +
151 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 152  
153 153  
154 -== 2.3 Plot Chart for sensors ==
158 +== 2.3  Plot Chart for sensors ==
155 155  
156 156  
157 157  If you need data visualization, please refer to the following
158 158  
163 +
159 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 160  
161 161  
167 +
162 162  (% style="color:blue" %)**1. Click Install**
163 163  
164 164  (% style="color:blue" %)**2. Search the dashboard**
... ... @@ -166,15 +166,17 @@
166 166  (% style="color:blue" %)**3. Click Install**
167 167  
168 168  
175 +
169 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 170  
171 171  
179 +
172 172  After the installation is successful, nodered will show the following node icon
173 173  
174 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 175  
176 176  
177 -=== 2.3.1 the line chart as an example ===
185 +=== 2.3.1  the line chart as an example ===
178 178  
179 179  
180 180  Drag the line chart to the editing area
... ... @@ -201,7 +201,7 @@
201 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 202  
203 203  
204 -=== 2.3.2 the chart settings ===
212 +=== 2.3.2  the chart settings ===
205 205  
206 206  
207 207  Double-click while setting up the node as above
... ... @@ -256,13 +256,13 @@
256 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 257  
258 258  
259 -== 2.4 Store Value ==
267 +== 2.4  Store Value ==
260 260  
261 261  
262 262  Regarding storage, we recommend two ways.
263 263  
264 264  
265 -=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
273 +=== 2.4.1  1. Generate txt document directly ===
266 266  
267 267  
268 268  Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
... ... @@ -270,7 +270,7 @@
270 270  [[image:image-20220713102658-1.png||height="346" width="728"]]
271 271  
272 272  
273 -=== 2.4.2 Method 2: Use sqlite database ===
281 +=== 2.4.2  2. Use sqlite database ===
274 274  
275 275  
276 276  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
... ... @@ -295,7 +295,7 @@
295 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 296  
297 297  
298 -= 3. Import Input Flow for Dragino Sensors =
306 += 3.  Import Input Flow for Dragino Sensors =
299 299  
300 300  
301 301  Dragino provides input flow examples for the sensors.
... ... @@ -341,10 +341,8 @@
341 341  
342 342  After the modification is completed, click Deploy
343 343  
352 += 4.Add Dragino node =
344 344  
345 -= 4. Add Dragino node =
346 -
347 -
348 348  Please do not modify the code anywhere to avoid any exceptions
349 349  
350 350  The prerequisite is to install the Dragino node and the sqlite node dashboard node
... ... @@ -351,14 +351,9 @@
351 351  
352 352  The echarts library is placed in the static file of node red
353 353  
354 -Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
355 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]]
361 +== 4.1Installing Dragino nodes ==
357 357  
358 -
359 -== 4.1 Installing Dragino nodes ==
360 -
361 -
362 362  [[image:image-20240104095739-1.png||height="662" width="662"]]
363 363  
364 364  [[image:image-20240104100026-2.png]]
... ... @@ -365,10 +365,8 @@
365 365  
366 366  [[image:image-20240104100109-3.png]]
367 367  
369 +== 4.2Import General Flow ==
368 368  
369 -== 4.2 Import General Flow ==
370 -
371 -
372 372  [[image:image-20240104100340-4.png]]
373 373  
374 374  [[image:image-20240104100446-5.png||height="407" width="885"]]
... ... @@ -375,10 +375,8 @@
375 375  
376 376  Please refer to the previous chapters for MQTT settings and sqlite installation settings
377 377  
377 +== 4.3Using flow ==
378 378  
379 -== 4.3 Using flow ==
380 -
381 -
382 382  Just double-click on the drag ino decoder node and select it from the dropdown menu
383 383  
384 384  Corresponding nodes are sufficient
... ... @@ -391,27 +391,10 @@
391 391  
392 392  When multiple nodes are needed in the same process
393 393  
394 -[[image:image-20240104103636-1.png]]
391 +[[image:image-20240104102556-9.png]]
395 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 405  After setting up, select deployment
406 406  
407 407  [[image:image-20240104101346-7.png||height="242" width="724"]]
408 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 417  
image-20240104104931-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -127.6 KB
Content
image-20240110153029-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -36.5 KB
Content

Applications

Navigation

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