Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 39.2 >
edited by Xiaoling
on 2022/08/09 10:37
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
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Xiaoling
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,27 +47,32 @@
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.  Use Node-RED =
64 += 2. General Use of  Node-RED =
66 66  
67 67  
68 -== 2.1  Login to Node-RED interface ==
67 +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  
70 +== 2.1 Login to Node-RED interface ==
71 +
72 +
71 71  Enter your public IP address followed by the port number 1880
72 72  
73 73  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
... ... @@ -75,10 +75,9 @@
75 75  [[image:image-20220519104115-4.png||height="280" width="768"]]
76 76  
77 77  
80 +== 2.2 Add flow ==
78 78  
79 -== 2.2  Add flow ==
80 80  
81 -
82 82  Take NBSN95 mod1 UDP protocol as an example
83 83  
84 84  After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
... ... @@ -100,7 +100,6 @@
100 100  Drag UDP into the editing area
101 101  
102 102  
103 -
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,7 +109,6 @@
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  
112 -
113 113  configure UDP in
114 114  
115 115  [[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"]]
... ... @@ -138,53 +138,46 @@
138 138  [[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"]]
139 139  
140 140  
141 -
142 142  When the node successfully sends data, the effect shown in the following figure will appear
143 143  
144 144  [[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"]]
145 145  
146 146  
145 +=== 2.2.1 About function ===
147 147  
148 -=== 2.2.1  About function ===
149 149  
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  
154 +== 2.3 Plot Chart for sensors ==
158 158  
159 -== 2.3  Plot Chart for sensors ==
160 160  
161 -
162 162  If you need data visualization, please refer to the following
163 163  
164 -
165 165  [[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"]]
166 166  
167 167  
162 +(% style="color:blue" %)**1. Click Install**
168 168  
169 -(% style="color:blue" %)**1. Click Install
170 -2. Search the dashboard
171 -3. Click Install**
164 +(% style="color:blue" %)**2. Search the dashboard**
172 172  
166 +(% style="color:blue" %)**3. Click Install**
173 173  
174 174  
175 175  [[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"]]
176 176  
177 177  
178 -
179 179  After the installation is successful, nodered will show the following node icon
180 180  
181 181  [[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"]]
182 182  
183 183  
177 +=== 2.3.1 the line chart as an example ===
184 184  
185 -=== 2.3.1  the line chart as an example ===
186 186  
187 -
188 188  Drag the line chart to the editing area
189 189  
190 190  Just drag and drop as many as you need, or you can copy
... ... @@ -209,10 +209,9 @@
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  
204 +=== 2.3.2 the chart settings ===
212 212  
213 -=== 2.3.2  the chart settings ===
214 214  
215 -
216 216  Double-click while setting up the node as above
217 217  
218 218  
... ... @@ -265,26 +265,23 @@
265 265  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.
266 266  
267 267  
259 +== 2.4 Store Value ==
268 268  
269 -== 2.4  Store Value ==
270 270  
271 -
272 272  Regarding storage, we recommend two ways.
273 273  
274 274  
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
275 275  
276 -=== 2.4.1  1. Generate txt document directly ===
277 277  
268 +Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
278 278  
279 -Sample JSON file:链接转到示例JSON文件
280 -
281 281  [[image:image-20220713102658-1.png||height="346" width="728"]]
282 282  
283 283  
273 +=== 2.4.2 Method 2: Use sqlite database ===
284 284  
285 -=== 2.4.2  2. Use sqlite database ===
286 286  
287 -
288 288  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
289 289  
290 290  
... ... @@ -304,19 +304,18 @@
304 304  
305 305  Refer to the import example below to import the sqlite example flow
306 306  
307 -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]]
308 308  
309 309  
298 += 3. Import Input Flow for Dragino Sensors =
310 310  
311 -= 3.  Input Flow =
312 312  
301 +Dragino provides input flow examples for the sensors.
313 313  
314 -Directly import JSON files to generate flow
303 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
315 315  
316 -Download the required JSON file through this link: 提供一个链接
305 +Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
317 317  
318 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319 -
320 320  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175748-3.png?rev=1.1||alt="image-20220524175748-3.png"]]
321 321  
322 322  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175814-4.png?rev=1.1||alt="image-20220524175814-4.png"]]
... ... @@ -353,3 +353,70 @@
353 353  [[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"]]
354 354  
355 355  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 +
397 +After setting up, select deployment
398 +
399 +[[image:image-20240104101346-7.png||height="242" width="724"]]
400 +
401 +Enter the server public IP + port 1880/ui
402 +
403 +example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
404 +
405 +You can see the UI display effect in the following picture
406 +
407 +[[image:image-20240104104931-2.png||height="737" width="1131"]]
408 +
409 +
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