Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 44.1 >
edited by Herong Lu
on 2024/01/04 10:00
To version < 23.1 >
edited by Herong Lu
on 2022/05/25 18:57
>
Change comment: Uploaded new attachment "image-20220525185746-2.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -1,22 +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  
15 -== 1.1  Install Example for CENTOS ==
12 +=== Installation ===
16 16  
17 -=== 1.1.1  Installation ===
18 -
19 -
20 20  (% class="box infomessage" %)
21 21  (((
22 22  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
... ... @@ -23,328 +23,120 @@
23 23  Run below commands and wait for installation complete.
24 24  )))
25 25  
26 -[[image:image-20220526161040-1.png]]
20 +[[image:image-20220519102228-2.png]]
27 27  
22 +**Verify if the installation was successful**
28 28  
29 -(% style="color:blue" %)**Verify if the installation was successful**
24 +Type in the command line interface  node-red  
30 30  
31 -Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
32 -
33 33  The following information appears to prove that the installation has been successful
34 34  
35 -[[image:image-20220526161103-2.png]]
28 +[[image:image-20220519103318-3.png]]
36 36  
37 37  
38 -=== 1.1.2  If you want to start Node-RED as a background process ===
31 +=== If you want to start Node-RED as a background process ===
39 39  
33 +Type in the command line interface  nohup node-red &
40 40  
41 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
42 -
43 43  It will prompt after startup
44 44  
45 45  [[image:image-20220519104601-5.png]]
46 46  
47 -After seeing the above information, press **enter.**
39 +After seeing the above information, press enter
48 48  
49 -Type in the command line  exit.
41 +Type in the command line  exit
50 50  
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.
43 +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  
45 +== Install in Dragino Gataway ==
53 53  
54 -== 1.2  Install in Dragino Gataway ==
55 55  
48 += Use Node-RED =
56 56  
57 -The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
50 +== Login to Node-RED interface ==
58 58  
59 -* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
60 -
61 -Other gateway model doesn't support built-in Node-Red server.
62 -
63 -
64 -= 2.  General Use of  Node-RED =
65 -
66 -
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 -
73 73  Enter your public IP address followed by the port number 1880
74 74  
75 75  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
76 76  
77 -[[image:image-20220519104115-4.png||height="280" width="768"]]
56 +[[image:image-20220519104115-4.png||height="352" width="969"]]
78 78  
79 79  
80 -== 2.2  Add flow ==
59 +== Add flow ==
81 81  
82 -
83 83  Take NBSN95 mod1 UDP protocol as an example
84 84  
85 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
63 +After logging into the interface click '+' to create a flow
86 86  
87 -[[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"]]
88 88  
89 -
90 -
91 91  Rename the stream
92 92  
93 -[[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"]]
94 94  
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"]]
95 95  
96 -[[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"]]
97 -
98 -
99 99  [[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"]]
100 100  
101 101  Drag UDP into the editing area
102 102  
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 -
108 108  The same method as above, drag and drop functions and debug into the editing area
109 109  
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"]]
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"]]
111 111  
112 -
113 -
114 114  configure UDP in
115 115  
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"]]
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"]]
117 117  
118 -
119 119  Write to the UDP port that the device node sends to the server
120 120  
121 121  Example My UDP device node sends to server port 8585
122 122  just write 8585
123 123  
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.
124 124  
125 -(% 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.**
126 -
127 -
128 128  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.
129 129  
130 -[[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"]]
131 131  
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"]]
132 132  
133 -[[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"]]
134 134  
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"]]
135 135  
136 -[[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"]]
137 -
138 -
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 -
141 -
142 -
143 143  When the node successfully sends data, the effect shown in the following figure will appear
144 144  
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"]]
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"]]
146 146  
108 +=== About function ===
147 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 -== 2.3  Plot Chart for sensors ==
159 159  
119 +== Store Value ==
160 160  
161 -If you need data visualization, please refer to the following
162 162  
122 +== Email Notification ==
163 163  
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  
125 += Input Flow =
166 166  
127 +== MQTT ==
167 167  
168 -(% style="color:blue" %)**1. Click Install**
129 +== UDP ==
169 169  
170 -(% style="color:blue" %)**2. Search the dashboard**
131 +== TCP ==
171 171  
172 -(% style="color:blue" %)**3. Click Install**
133 +== Get data from LoRaWAN Server (TTN) ==
173 173  
174 174  
175 -
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 -
178 -
179 -
180 -After the installation is successful, nodered will show the following node icon
181 -
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 -
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 -=== 2.3.2  the chart settings ===
213 -
214 -
215 -Double-click while setting up the node as above
216 -
217 -
218 -[[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"]]
219 -
220 -
221 -[[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"]]
222 -
223 -
224 -[[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"]]
225 -
226 -
227 -[[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"]]
228 -
229 -
230 -[[image:image-20220525185746-2.png||height="421" width="724"]]
231 -
232 -
233 -[[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"]]
234 -
235 -
236 -
237 -After the display interface is defined for the first time, subsequent charts can directly select the display interface
238 -
239 -
240 -[[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"]]
241 -
242 -​​​​​​
243 -
244 -[[image:image-20220525190106-3.png||height="575" width="724"]]
245 -
246 -
247 -
248 -Connect graph nodes to functions with lines
249 -
250 -Click to deploy
251 -
252 -
253 -[[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"]]
254 -
255 -Enter the server public IP + port 1880/ui
256 -
257 -example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
258 -
259 -
260 -
261 -[[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"]]
262 -
263 -
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 -
266 -
267 -== 2.4  Store Value ==
268 -
269 -
270 -Regarding storage, we recommend two ways.
271 -
272 -
273 -=== 2.4.1  1. Generate txt document directly ===
274 -
275 -
276 -Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
277 -
278 -[[image:image-20220713102658-1.png||height="346" width="728"]]
279 -
280 -
281 -=== 2.4.2  2. Use sqlite database ===
282 -
283 -
284 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
285 -
286 -
287 -[[image:image-20220713111030-2.png||height="438" width="739"]]
288 -
289 -
290 -
291 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
292 -
293 -
294 -[[image:image-20220713111200-3.png]]
295 -
296 -
297 -
298 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
299 -
300 -
301 -Refer to the import example below to import the sqlite example flow
302 -
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 -
305 -
306 -= 3.  Import Input Flow for Dragino Sensors =
307 -
308 -
309 -Dragino provides input flow examples for the sensors.
310 -
311 -User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
312 -
313 -Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
314 -
315 -[[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"]]
316 -
317 -[[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"]]
318 -
319 -[[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"]]
320 -
321 -[[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"]]
322 -
323 -After the import is successful, change the MQTT in node to your TTN information
324 -
325 -[[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"]]
326 -
327 -[[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"]]
328 -
329 -
330 -
331 -Configure information consistent with your TTN
332 -
333 -[[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"]]
334 -
335 -[[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"]]
336 -
337 -
338 -
339 -API keys generated by the password for you
340 -
341 -[[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"]]
342 -
343 -
344 -Topic modify it to the following format
345 -
346 -v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
347 -
348 -[[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"]]
349 -
350 -After the modification is completed, click Deploy
136 += Example =
image-20220525190106-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -43.8 KB
Content
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
image-20240104095739-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -47.2 KB
Content
image-20240104100026-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -34.4 KB
Content

Applications

Navigation

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