Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 38.1 >
edited by Herong Lu
on 2022/07/26 08:56
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,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,25 +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  
60 -Dragino Gateway is already installed, no need for users to install it by themselves
57 +The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
61 61  
59 +* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
62 62  
63 -= 2.  Use Node-RED =
61 +Other gateway model doesn't support built-in Node-Red server.
64 64  
65 65  
66 -== 2.1  Login to Node-RED interface ==
64 += 2. General Use of  Node-RED =
67 67  
68 68  
67 +This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68 +
69 +
70 +== 2.1 Login to Node-RED interface ==
71 +
72 +
69 69  Enter your public IP address followed by the port number 1880
70 70  
71 71  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
... ... @@ -73,10 +73,9 @@
73 73  [[image:image-20220519104115-4.png||height="280" width="768"]]
74 74  
75 75  
80 +== 2.2 Add flow ==
76 76  
77 -== 2.2  Add flow ==
78 78  
79 -
80 80  Take NBSN95 mod1 UDP protocol as an example
81 81  
82 82  After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
... ... @@ -89,14 +89,15 @@
89 89  
90 90  [[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"]]
91 91  
95 +
92 92  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134318-3.png?rev=1.1||alt="image-20220519134318-3.png" height="461" width="753"]]
93 93  
98 +
94 94  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134346-4.png?rev=1.1||alt="image-20220519134346-4.png"]]
95 95  
96 96  Drag UDP into the editing area
97 97  
98 98  
99 -
100 100  [[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"]]
101 101  
102 102  
... ... @@ -105,7 +105,6 @@
105 105  [[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"]]
106 106  
107 107  
108 -
109 109  configure UDP in
110 110  
111 111  [[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"]]
... ... @@ -134,53 +134,46 @@
134 134  [[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"]]
135 135  
136 136  
137 -
138 138  When the node successfully sends data, the effect shown in the following figure will appear
139 139  
140 140  [[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"]]
141 141  
142 142  
145 +=== 2.2.1 About function ===
143 143  
144 -=== 2.2.1  About function ===
145 145  
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
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.
149 149  
150 -
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 ==
154 154  
155 -== 2.3  Plot Chart for sensors ==
156 156  
157 -
158 158  If you need data visualization, please refer to the following
159 159  
160 -
161 161  [[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"]]
162 162  
163 163  
162 +(% style="color:blue" %)**1. Click Install**
164 164  
165 -(% style="color:blue" %)**1. Click Install
166 -2. Search the dashboard
167 -3. Click Install**
164 +(% style="color:blue" %)**2. Search the dashboard**
168 168  
166 +(% style="color:blue" %)**3. Click Install**
169 169  
170 170  
171 171  [[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"]]
172 172  
173 173  
174 -
175 175  After the installation is successful, nodered will show the following node icon
176 176  
177 177  [[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"]]
178 178  
179 179  
177 +=== 2.3.1 the line chart as an example ===
180 180  
181 -=== 2.3.1  the line chart as an example ===
182 182  
183 -
184 184  Drag the line chart to the editing area
185 185  
186 186  Just drag and drop as many as you need, or you can copy
... ... @@ -205,10 +205,9 @@
205 205  [[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"]]
206 206  
207 207  
204 +=== 2.3.2 the chart settings ===
208 208  
209 -=== 2.3.2  the chart settings ===
210 210  
211 -
212 212  Double-click while setting up the node as above
213 213  
214 214  
... ... @@ -257,28 +257,27 @@
257 257  
258 258  [[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"]]
259 259  
255 +
260 260  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.
261 261  
262 262  
259 +== 2.4 Store Value ==
263 263  
264 -== 2.4  Store Value ==
265 265  
266 -
267 267  Regarding storage, we recommend two ways.
268 268  
269 269  
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
270 270  
271 -=== 2.4.1  1. Generate txt document directly ===
272 272  
273 -Sample JSON file:链接转到示例JSON文件
268 +Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
274 274  
275 275  [[image:image-20220713102658-1.png||height="346" width="728"]]
276 276  
277 277  
273 +=== 2.4.2 Method 2: Use sqlite database ===
278 278  
279 -=== 2.4.2  2. Use sqlite database ===
280 280  
281 -
282 282  ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
283 283  
284 284  
... ... @@ -296,16 +296,20 @@
296 296  ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
297 297  
298 298  
293 +Refer to the import example below to import the sqlite example flow
299 299  
300 -= 3.  Input Flow =
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]]
301 301  
302 302  
303 -Directly import JSON files to generate flow
298 += 3. Import Input Flow for Dragino Sensors =
304 304  
305 -Download the required JSON file through this link: 提供一个链接
306 306  
307 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
301 +Dragino provides input flow examples for the sensors.
308 308  
303 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
304 +
305 +Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
306 +
309 309  [[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"]]
310 310  
311 311  [[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"]]
... ... @@ -320,6 +320,8 @@
320 320  
321 321  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184521-2.png?rev=1.1||alt="image-20220524184521-2.png" height="648" width="773"]]
322 322  
321 +
322 +
323 323  Configure information consistent with your TTN
324 324  
325 325  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184722-3.png?rev=1.1||alt="image-20220524184722-3.png" height="349" width="758"]]
... ... @@ -326,10 +326,13 @@
326 326  
327 327  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524192830-4.png?rev=1.1||alt="image-20220524192830-4.png" height="376" width="758"]]
328 328  
329 +
330 +
329 329  API keys generated by the password for you
330 330  
331 331  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524193028-5.png?rev=1.1||alt="image-20220524193028-5.png" height="370" width="759"]]
332 332  
335 +
333 333  Topic modify it to the following format
334 334  
335 335  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
... ... @@ -337,3 +337,70 @@
337 337  [[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"]]
338 338  
339 339  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-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0