Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 59.1 >
edited by Herong Lu
on 2024/01/04 10:49
To version < 60.1 >
edited by Herong Lu
on 2024/01/10 15:30
>
Change comment: Uploaded new attachment "image-20240110153029-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,7 +101,6 @@
101 101  Drag UDP into the editing area
102 102  
103 103  
104 -
105 105  [[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"]]
106 106  
107 107  
... ... @@ -110,7 +110,6 @@
110 110  [[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"]]
111 111  
112 112  
113 -
114 114  configure UDP in
115 115  
116 116  [[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"]]
... ... @@ -139,32 +139,28 @@
139 139  [[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"]]
140 140  
141 141  
142 -
143 143  When the node successfully sends data, the effect shown in the following figure will appear
144 144  
145 145  [[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"]]
146 146  
147 147  
148 -=== 2.2.1  About function ===
145 +=== 2.2.1 About function ===
149 149  
150 150  
151 151  If you are familiar with JS code, you can write it yourself
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 +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.
153 153  
154 -
155 155  [[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"]]
156 156  
157 157  
158 -== 2.3  Plot Chart for sensors ==
154 +== 2.3 Plot Chart for sensors ==
159 159  
160 160  
161 161  If you need data visualization, please refer to the following
162 162  
163 -
164 164  [[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"]]
165 165  
166 166  
167 -
168 168  (% style="color:blue" %)**1. Click Install**
169 169  
170 170  (% style="color:blue" %)**2. Search the dashboard**
... ... @@ -172,17 +172,15 @@
172 172  (% style="color:blue" %)**3. Click Install**
173 173  
174 174  
175 -
176 176  [[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"]]
177 177  
178 178  
179 -
180 180  After the installation is successful, nodered will show the following node icon
181 181  
182 182  [[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"]]
183 183  
184 184  
185 -=== 2.3.1  the line chart as an example ===
177 +=== 2.3.1 the line chart as an example ===
186 186  
187 187  
188 188  Drag the line chart to the editing area
... ... @@ -209,7 +209,7 @@
209 209  [[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"]]
210 210  
211 211  
212 -=== 2.3.2  the chart settings ===
204 +=== 2.3.2 the chart settings ===
213 213  
214 214  
215 215  Double-click while setting up the node as above
... ... @@ -264,13 +264,13 @@
264 264  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.
265 265  
266 266  
267 -== 2.4  Store Value ==
259 +== 2.4 Store Value ==
268 268  
269 269  
270 270  Regarding storage, we recommend two ways.
271 271  
272 272  
273 -=== 2.4.1  1. Generate txt document directly ===
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
274 274  
275 275  
276 276  Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
... ... @@ -278,7 +278,7 @@
278 278  [[image:image-20220713102658-1.png||height="346" width="728"]]
279 279  
280 280  
281 -=== 2.4.2  2. Use sqlite database ===
273 +=== 2.4.2 Method 2: Use sqlite database ===
282 282  
283 283  
284 284  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
... ... @@ -303,7 +303,7 @@
303 303  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]]
304 304  
305 305  
306 -= 3.  Import Input Flow for Dragino Sensors =
298 += 3. Import Input Flow for Dragino Sensors =
307 307  
308 308  
309 309  Dragino provides input flow examples for the sensors.
... ... @@ -349,8 +349,10 @@
349 349  
350 350  After the modification is completed, click Deploy
351 351  
352 -= 4.Add Dragino node =
353 353  
345 += 4. Add Dragino node =
346 +
347 +
354 354  Please do not modify the code anywhere to avoid any exceptions
355 355  
356 356  The prerequisite is to install the Dragino node and the sqlite node dashboard node
... ... @@ -359,10 +359,12 @@
359 359  
360 360  Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
361 361  
362 -Please download the general flow and echarts files from this link：这里放链接
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]]
363 363  
364 -== 4.1Installing Dragino nodes ==
365 365  
359 +== 4.1 Installing Dragino nodes ==
360 +
361 +
366 366  [[image:image-20240104095739-1.png||height="662" width="662"]]
367 367  
368 368  [[image:image-20240104100026-2.png]]
... ... @@ -369,8 +369,10 @@
369 369  
370 370  [[image:image-20240104100109-3.png]]
371 371  
372 -== 4.2Import General Flow ==
373 373  
369 +== 4.2 Import General Flow ==
370 +
371 +
374 374  [[image:image-20240104100340-4.png]]
375 375  
376 376  [[image:image-20240104100446-5.png||height="407" width="885"]]
... ... @@ -377,8 +377,10 @@
377 377  
378 378  Please refer to the previous chapters for MQTT settings and sqlite installation settings
379 379  
380 -== 4.3Using flow ==
381 381  
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
... ... @@ -404,4 +404,6 @@
404 404  
405 405  You can see the UI display effect in the following picture
406 406  
407 -[[image:image-20240104104931-2.png]]
407 +[[image:image-20240104104931-2.png||height="737" width="1131"]]
408 +
409 +
image-20240110153029-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +36.5 KB
Content

Applications

Navigation

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