Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 40.1 >
edited by Edwin Chen
on 2022/09/02 15:24
To version < 61.1 >
edited by Herong Lu
on 2024/01/10 15:31
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Edwin
1 +XWiki.Lu
Content
... ... @@ -6,19 +6,17 @@
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 15  
16 -== 1.1  Install Example for CENTOS ==
17 +=== 1.1.1 Installation ===
17 17  
18 18  
19 -=== 1.1.1  Installation ===
20 -
21 -
22 22  (% class="box infomessage" %)
23 23  (((
24 24  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
... ... @@ -37,10 +37,9 @@
37 37  [[image:image-20220526161103-2.png]]
38 38  
39 39  
38 +=== 1.1.2 If you want to start Node-RED as a background process ===
40 40  
41 -=== 1.1.2  If you want to start Node-RED as a background process ===
42 42  
43 -
44 44  Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 45  
46 46  It will prompt after startup
... ... @@ -47,28 +47,30 @@
47 47  
48 48  [[image:image-20220519104601-5.png]]
49 49  
50 -After seeing the above information, press **enter**
47 +After seeing the above information, press **enter.**
51 51  
52 -Type in the command line  exit
49 +Type in the command line  exit.
53 53  
54 -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
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.
55 55  
56 56  
54 +== 1.2 Install in Dragino Gataway ==
57 57  
58 -== 1.2  Install in Dragino Gataway ==
59 59  
57 +The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
60 60  
61 -Dragino Gateway is already installed, no need for users to install it by themselves.
59 +* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
62 62  
61 +Other gateway model doesn't support built-in Node-Red server.
63 63  
64 64  
65 -= 2.  General Use of  Node-RED =
64 += 2. General Use of  Node-RED =
66 66  
67 67  
68 68  This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
69 69  
70 70  
71 -== 2.1  Login to Node-RED interface ==
70 +== 2.1 Login to Node-RED interface ==
72 72  
73 73  
74 74  Enter your public IP address followed by the port number 1880
... ... @@ -78,10 +78,9 @@
78 78  [[image:image-20220519104115-4.png||height="280" width="768"]]
79 79  
80 80  
80 +== 2.2 Add flow ==
81 81  
82 -== 2.2  Add flow ==
83 83  
84 -
85 85  Take NBSN95 mod1 UDP protocol as an example
86 86  
87 87  After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
... ... @@ -103,7 +103,6 @@
103 103  Drag UDP into the editing area
104 104  
105 105  
106 -
107 107  [[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"]]
108 108  
109 109  
... ... @@ -112,7 +112,6 @@
112 112  [[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"]]
113 113  
114 114  
115 -
116 116  configure UDP in
117 117  
118 118  [[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"]]
... ... @@ -141,53 +141,46 @@
141 141  [[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"]]
142 142  
143 143  
144 -
145 145  When the node successfully sends data, the effect shown in the following figure will appear
146 146  
147 147  [[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"]]
148 148  
149 149  
145 +=== 2.2.1 About function ===
150 150  
151 -=== 2.2.1  About function ===
152 152  
153 -
154 154  If you are familiar with JS code, you can write it yourself
155 -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.
156 156  
157 -
158 158  [[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"]]
159 159  
160 160  
154 +== 2.3 Plot Chart for sensors ==
161 161  
162 -== 2.3  Plot Chart for sensors ==
163 163  
164 -
165 165  If you need data visualization, please refer to the following
166 166  
167 -
168 168  [[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"]]
169 169  
170 170  
162 +(% style="color:blue" %)**1. Click Install**
171 171  
172 -(% style="color:blue" %)**1. Click Install
173 -2. Search the dashboard
174 -3. Click Install**
164 +(% style="color:blue" %)**2. Search the dashboard**
175 175  
166 +(% style="color:blue" %)**3. Click Install**
176 176  
177 177  
178 178  [[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"]]
179 179  
180 180  
181 -
182 182  After the installation is successful, nodered will show the following node icon
183 183  
184 184  [[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"]]
185 185  
186 186  
177 +=== 2.3.1 the line chart as an example ===
187 187  
188 -=== 2.3.1  the line chart as an example ===
189 189  
190 -
191 191  Drag the line chart to the editing area
192 192  
193 193  Just drag and drop as many as you need, or you can copy
... ... @@ -212,10 +212,9 @@
212 212  [[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"]]
213 213  
214 214  
204 +=== 2.3.2 the chart settings ===
215 215  
216 -=== 2.3.2  the chart settings ===
217 217  
218 -
219 219  Double-click while setting up the node as above
220 220  
221 221  
... ... @@ -268,26 +268,23 @@
268 268  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.
269 269  
270 270  
259 +== 2.4 Store Value ==
271 271  
272 -== 2.4  Store Value ==
273 273  
274 -
275 275  Regarding storage, we recommend two ways.
276 276  
277 277  
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
278 278  
279 -=== 2.4.1  1. Generate txt document directly ===
280 280  
268 +Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
281 281  
282 -Sample JSON file:链接转到示例JSON文件
283 -
284 284  [[image:image-20220713102658-1.png||height="346" width="728"]]
285 285  
286 286  
273 +=== 2.4.2 Method 2: Use sqlite database ===
287 287  
288 -=== 2.4.2  2. Use sqlite database ===
289 289  
290 -
291 291  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
292 292  
293 293  
... ... @@ -307,13 +307,12 @@
307 307  
308 308  Refer to the import example below to import the sqlite example flow
309 309  
310 -Download sample JSON file link: 链接
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]]
311 311  
312 312  
298 += 3. Import Input Flow for Dragino Sensors =
313 313  
314 -= 3.  Import Input Flow for Dragino Sensors =
315 315  
316 -
317 317  Dragino provides input flow examples for the sensors.
318 318  
319 319  User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
... ... @@ -356,3 +356,78 @@
356 356  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524193258-6.png?rev=1.1||alt="image-20220524193258-6.png" height="690" width="755"]]
357 357  
358 358  After the modification is completed, click Deploy
343 +
344 +
345 += 4. Add Dragino node =
346 +
347 +
348 +Please do not modify the code anywhere to avoid any exceptions
349 +
350 +The prerequisite is to install the Dragino node and the sqlite node dashboard node
351 +
352 +The echarts library is placed in the static file of node red
353 +
354 +Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
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]]
357 +
358 +
359 +== 4.1 Installing Dragino nodes ==
360 +
361 +
362 +[[image:image-20240104095739-1.png||height="662" width="662"]]
363 +
364 +[[image:image-20240104100026-2.png]]
365 +
366 +[[image:image-20240104100109-3.png]]
367 +
368 +
369 +== 4.2 Import General Flow ==
370 +
371 +
372 +[[image:image-20240104100340-4.png]]
373 +
374 +[[image:image-20240104100446-5.png||height="407" width="885"]]
375 +
376 +Please refer to the previous chapters for MQTT settings and sqlite installation settings
377 +
378 +
379 +== 4.3 Using flow ==
380 +
381 +
382 +Just double-click on the drag ino decoder node and select it from the dropdown menu
383 +
384 +Corresponding nodes are sufficient
385 +
386 +[[image:image-20240104100928-6.png||height="439" width="755"]]
387 +
388 +Setting the template node
389 +
390 +[[image:image-20240104101446-8.png]]
391 +
392 +When multiple nodes are needed in the same process
393 +
394 +[[image:image-20240104103636-1.png]]
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 +After setting up, select deployment
406 +
407 +[[image:image-20240104101346-7.png||height="242" width="724"]]
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 +
image-20240104095739-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +47.2 KB
Content
image-20240104100026-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +34.4 KB
Content
image-20240104100109-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +19.2 KB
Content
image-20240104100340-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +61.1 KB
Content
image-20240104100446-5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +63.6 KB
Content
image-20240104100928-6.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +93.0 KB
Content
image-20240104101346-7.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +79.6 KB
Content
image-20240104101446-8.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +2.0 KB
Content
image-20240104102556-9.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +69.4 KB
Content
image-20240104103636-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +61.8 KB
Content
image-20240104104931-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +127.6 KB
Content
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-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0