Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 39.2 >
edited by Xiaoling
on 2022/08/09 10:37
To version < 24.1 >
edited by Herong Lu
on 2022/05/25 19:01
>
Change comment: Uploaded new attachment "image-20220525190106-3.png", version {1}

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Xiaoling
1 +XWiki.Lu
Content
... ... @@ -1,24 +1,16 @@
1 1  (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 - **Table of** **Contents：**
2 + **Contents：**
3 3  
4 4  {{toc/}}
5 5  
6 += Installation =
6 6  
7 -
8 -
9 -= 1.  Installation =
10 -
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  
10 +== Install Example for CENTOS ==
14 14  
12 +=== Installation ===
15 15  
16 -== 1.1  Install Example for CENTOS ==
17 -
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]]
... ... @@ -25,331 +25,120 @@
25 25  Run below commands and wait for installation complete.
26 26  )))
27 27  
28 -[[image:image-20220526161040-1.png]]
20 +[[image:image-20220519102228-2.png]]
29 29  
22 +**Verify if the installation was successful**
30 30  
31 -(% style="color:blue" %)**Verify if the installation was successful**
24 +Type in the command line interface  node-red  
32 32  
33 -Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34 -
35 35  The following information appears to prove that the installation has been successful
36 36  
37 -[[image:image-20220526161103-2.png]]
28 +[[image:image-20220519103318-3.png]]
38 38  
39 39  
31 +=== 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 ===
33 +Type in the command line interface  nohup node-red &
42 42  
43 -
44 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 -
46 46  It will prompt after startup
47 47  
48 48  [[image:image-20220519104601-5.png]]
49 49  
50 -After seeing the above information, press **enter**
39 +After seeing the above information, press enter
51 51  
52 52  Type in the command line  exit
53 53  
54 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
55 55  
45 +== Install in Dragino Gataway ==
56 56  
57 57  
58 -== 1.2  Install in Dragino Gataway ==
48 += Use Node-RED =
59 59  
50 +== Login to Node-RED interface ==
60 60  
61 -Dragino Gateway is already installed, no need for users to install it by themselves
62 -
63 -
64 -
65 -= 2.  Use Node-RED =
66 -
67 -
68 -== 2.1  Login to Node-RED interface ==
69 -
70 -
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/]]
74 74  
75 -[[image:image-20220519104115-4.png||height="280" width="768"]]
56 +[[image:image-20220519104115-4.png||height="352" width="969"]]
76 76  
77 77  
59 +== Add flow ==
78 78  
79 -== 2.2  Add flow ==
80 -
81 -
82 82  Take NBSN95 mod1 UDP protocol as an example
83 83  
84 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
63 +After logging into the interface click '+' to create a flow
85 85  
86 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519133634-1.png?rev=1.1||alt="image-20220519133634-1.png" height="183" width="770"]]
65 +[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519133634-1.png?rev=1.1||alt="image-20220519133634-1.png" height="231" width="972"]]
87 87  
88 -
89 -
90 90  Rename the stream
91 91  
92 -[[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"]]
69 +[[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="552" width="565"]]
93 93  
71 +[[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"]]
94 94  
95 -[[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"]]
96 -
97 -
98 98  [[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"]]
99 99  
100 100  Drag UDP into the editing area
101 101  
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 -
107 107  The same method as above, drag and drop functions and debug into the editing area
108 108  
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"]]
81 +[[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"]]
110 110  
111 -
112 -
113 113  configure UDP in
114 114  
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"]]
85 +[[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"]]
116 116  
117 -
118 118  Write to the UDP port that the device node sends to the server
119 119  
120 120  Example My UDP device node sends to server port 8585
121 121  just write 8585
122 122  
92 +Note that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.
123 123  
124 -(% style="color:red" %)**Note: that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.**
125 -
126 -
127 127  In order to avoid data confusion, different types of nodes do not use the same UDP port, because different nodes have different data formats and different functions.
128 128  
129 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135915-8.png?rev=1.1||alt="image-20220519135915-8.png" height="415" width="735"]]
96 +[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519135915-8.png?rev=1.1||alt="image-20220519135915-8.png"]]
130 130  
98 +[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519144651-14.png?rev=1.1||alt="image-20220519144651-14.png"]]
131 131  
132 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519144651-14.png?rev=1.1||alt="image-20220519144651-14.png" height="348" width="779"]]
100 +[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141355-11.png?rev=1.1||alt="image-20220519141355-11.png"]]
133 133  
102 +[[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"]]
134 134  
135 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519141355-11.png?rev=1.1||alt="image-20220519141355-11.png" height="437" width="744"]]
136 -
137 -
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 -
140 -
141 -
142 142  When the node successfully sends data, the effect shown in the following figure will appear
143 143  
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"]]
106 +[[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"]]
145 145  
108 +=== About function ===
146 146  
147 -
148 -=== 2.2.1  About function ===
149 -
150 -
151 151  If you are familiar with JS code, you can write it yourself
152 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
153 153  
113 +[[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"]]
154 154  
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  
116 +== Plot Chart for sensors ==
157 157  
158 158  
159 -== 2.3  Plot Chart for sensors ==
119 +== Store Value ==
160 160  
161 161  
162 -If you need data visualization, please refer to the following
122 +== Email Notification ==
163 163  
164 164  
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"]]
125 += Input Flow =
166 166  
127 +== MQTT ==
167 167  
129 +== UDP ==
168 168  
169 -(% style="color:blue" %)**1. Click Install
170 -2. Search the dashboard
171 -3. Click Install**
131 +== TCP ==
172 172  
133 +== Get data from LoRaWAN Server (TTN) ==
173 173  
174 174  
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 -
177 -
178 -
179 -After the installation is successful, nodered will show the following node icon
180 -
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 -
183 -
184 -
185 -=== 2.3.1  the line chart as an example ===
186 -
187 -
188 -Drag the line chart to the editing area
189 -
190 -Just drag and drop as many as you need, or you can copy
191 -
192 -The demo uses 3 kinds. Voltage, temperature, humidity
193 -
194 -
195 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519154521-20.png?rev=1.1||alt="image-20220519154521-20.png" height="242" width="743"]]
196 -
197 -
198 -
199 -double click function
200 -
201 -
202 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519154640-21.png?rev=1.1||alt="image-20220519154640-21.png" height="549" width="749"]]
203 -
204 -
205 -
206 -Adjusted to 3, because we need to display 3 charts
207 -
208 -
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 -
211 -
212 -
213 -=== 2.3.2  the chart settings ===
214 -
215 -
216 -Double-click while setting up the node as above
217 -
218 -
219 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160314-23.png?rev=1.1||alt="image-20220519160314-23.png" height="703" width="729"]]
220 -
221 -
222 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160412-24.png?rev=1.1||alt="image-20220519160412-24.png" height="501" width="727"]]
223 -
224 -
225 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160759-27.png?rev=1.1||alt="image-20220519160759-27.png" height="554" width="722"]]
226 -
227 -
228 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519161326-30.png?rev=1.1||alt="image-20220519161326-30.png" height="444" width="721"]]
229 -
230 -
231 -[[image:image-20220525185746-2.png||height="421" width="724"]]
232 -
233 -
234 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519161650-32.png?rev=1.1||alt="image-20220519161650-32.png" height="722" width="726"]]
235 -
236 -
237 -
238 -After the display interface is defined for the first time, subsequent charts can directly select the display interface
239 -
240 -
241 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519162039-34.png?rev=1.1||alt="image-20220519162039-34.png" height="644" width="724"]]
242 -
243 -​​​​​​
244 -
245 -[[image:image-20220525190106-3.png||height="575" width="724"]]
246 -
247 -
248 -
249 -Connect graph nodes to functions with lines
250 -
251 -Click to deploy
252 -
253 -
254 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519162412-36.png?rev=1.1||alt="image-20220519162412-36.png" height="256" width="726"]]
255 -
256 -Enter the server public IP + port 1880/ui
257 -
258 -example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
259 -
260 -
261 -
262 -[[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"]]
263 -
264 -
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 -
267 -
268 -
269 -== 2.4  Store Value ==
270 -
271 -
272 -Regarding storage, we recommend two ways.
273 -
274 -
275 -
276 -=== 2.4.1  1. Generate txt document directly ===
277 -
278 -
279 -Sample JSON file:链接转到示例JSON文件
280 -
281 -[[image:image-20220713102658-1.png||height="346" width="728"]]
282 -
283 -
284 -
285 -=== 2.4.2  2. Use sqlite database ===
286 -
287 -
288 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
289 -
290 -
291 -[[image:image-20220713111030-2.png||height="438" width="739"]]
292 -
293 -
294 -
295 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
296 -
297 -
298 -[[image:image-20220713111200-3.png]]
299 -
300 -
301 -
302 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
303 -
304 -
305 -Refer to the import example below to import the sqlite example flow
306 -
307 -Download sample JSON file link: 链接
308 -
309 -
310 -
311 -= 3.  Input Flow =
312 -
313 -
314 -Directly import JSON files to generate flow
315 -
316 -Download the required JSON file through this link: 提供一个链接
317 -
318 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319 -
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 -
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"]]
323 -
324 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175914-5.png?rev=1.1||alt="image-20220524175914-5.png" height="443" width="773"]]
325 -
326 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175935-6.png?rev=1.1||alt="image-20220524175935-6.png" height="568" width="768"]]
327 -
328 -After the import is successful, change the MQTT in node to your TTN information
329 -
330 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184449-1.png?rev=1.1||alt="image-20220524184449-1.png" height="643" width="772"]]
331 -
332 -[[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"]]
333 -
334 -
335 -
336 -Configure information consistent with your TTN
337 -
338 -[[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"]]
339 -
340 -[[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"]]
341 -
342 -
343 -
344 -API keys generated by the password for you
345 -
346 -[[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"]]
347 -
348 -
349 -Topic modify it to the following format
350 -
351 -v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
352 -
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 -
355 -After the modification is completed, click Deploy
136 += Example =
image-20220526161040-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Xiaoling
Size
... ... @@ -1,1 +1,0 @@
1 -30.1 KB
Content
image-20220526161103-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Xiaoling
Size
... ... @@ -1,1 +1,0 @@
1 -53.1 KB
Content
image-20220713102658-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -84.2 KB
Content
image-20220713111030-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -48.9 KB
Content
image-20220713111200-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -9.7 KB
Content

Applications

Navigation

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