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 < 37.2 >
edited by Xiaoling
on 2022/07/25 15:28
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Lu
1 +XWiki.Xiaoling
Content
... ... @@ -27,27 +27,25 @@
27 27  
28 28  [[image:image-20220526161040-1.png]]
29 29  
30 +**Verify if the installation was successful**
30 30  
31 -(% style="color:blue" %)**Verify if the installation was successful**
32 +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 37  [[image:image-20220526161103-2.png]]
38 38  
39 39  
40 -
41 41  === 1.1.2  If you want to start Node-RED as a background process ===
42 42  
43 43  
44 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
42 +Type in the command line interface  nohup node-red &
45 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**
48 +After seeing the above information, press enter
51 51  
52 52  Type in the command line  exit
53 53  
... ... @@ -57,7 +57,6 @@
57 57  
58 58  == 1.2  Install in Dragino Gataway ==
59 59  
60 -Dragino Gateway is already installed, no need for users to install it by themselves
61 61  
62 62  
63 63  = 2.  Use Node-RED =
... ... @@ -70,7 +70,7 @@
70 70  
71 71  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
72 72  
73 -[[image:image-20220519104115-4.png||height="280" width="768"]]
70 +[[image:image-20220519104115-4.png||height="352" width="969"]]
74 74  
75 75  
76 76  
... ... @@ -79,65 +79,50 @@
79 79  
80 80  Take NBSN95 mod1 UDP protocol as an example
81 81  
82 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
79 +After logging into the interface click '+' to create a flow
83 83  
84 -[[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"]]
81 +[[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"]]
85 85  
86 -
87 -
88 88  Rename the stream
89 89  
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"]]
85 +[[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"]]
91 91  
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"]]
87 +[[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"]]
93 93  
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 -
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 -
103 103  The same method as above, drag and drop functions and debug into the editing area
104 104  
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"]]
97 +[[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"]]
106 106  
107 -
108 -
109 109  configure UDP in
110 110  
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"]]
101 +[[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"]]
112 112  
113 -
114 114  Write to the UDP port that the device node sends to the server
115 115  
116 116  Example My UDP device node sends to server port 8585
117 117  just write 8585
118 118  
108 +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.
119 119  
120 -(% 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.**
121 -
122 -
123 123  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.
124 124  
125 -[[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"]]
112 +[[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"]]
126 126  
114 +[[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"]]
127 127  
128 -[[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"]]
116 +[[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"]]
129 129  
118 +[[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"]]
130 130  
131 -[[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"]]
132 -
133 -
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 -
136 -
137 -
138 138  When the node successfully sends data, the effect shown in the following figure will appear
139 139  
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"]]
122 +[[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"]]
141 141  
142 142  
143 143  
... ... @@ -147,11 +147,10 @@
147 147  If you are familiar with JS code, you can write it yourself
148 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 149  
132 +[[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"]]
150 150  
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 -
155 155  == 2.3  Plot Chart for sensors ==
156 156  
157 157  
... ... @@ -160,18 +160,12 @@
160 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 -
164 -
165 -(% style="color:blue" %)**1. Click Install
144 +~1. Click Install
166 166  2. Search the dashboard
167 -3. Click Install**
146 +3. Click Install
168 168  
148 +[[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"]]
169 169  
170 -
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 -
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"]]
... ... @@ -187,76 +187,53 @@
187 187  
188 188  The demo uses 3 kinds. Voltage, temperature, humidity
189 189  
165 +[[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"]]
190 190  
191 -[[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"]]
192 -
193 -
194 -
195 195  double click function
196 196  
169 +[[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"]]
197 197  
198 -[[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"]]
199 -
200 -
201 -
202 202  Adjusted to 3, because we need to display 3 charts
203 203  
173 +[[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"]]
204 204  
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  
208 -
209 209  === 2.3.2  the chart settings ===
210 210  
211 211  
212 212  Double-click while setting up the node as above
213 213  
182 +[[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"]]
214 214  
215 -[[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"]]
184 +[[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"]]
216 216  
186 +[[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"]]
217 217  
218 -[[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"]]
188 +[[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"]]
219 219  
190 +[[image:image-20220525185746-2.png]]
220 220  
221 -[[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"]]
192 +[[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"]]
222 222  
223 -
224 -[[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"]]
225 -
226 -
227 -[[image:image-20220525185746-2.png||height="421" width="724"]]
228 -
229 -
230 -[[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"]]
231 -
232 -
233 -
234 234  After the display interface is defined for the first time, subsequent charts can directly select the display interface
235 235  
196 +[[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"]]​​​​​​
236 236  
237 -[[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"]]
198 +[[image:image-20220525190106-3.png]]
238 238  
239 -​​​​​​
240 -
241 -[[image:image-20220525190106-3.png||height="575" width="724"]]
242 -
243 -
244 -
245 245  Connect graph nodes to functions with lines
246 246  
247 247  Click to deploy
248 248  
204 +[[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"]]
249 249  
250 -[[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"]]
251 -
252 252  Enter the server public IP + port 1880/ui
253 253  
254 254  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
255 255  
210 +[[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"]]
256 256  
257 -
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 -
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  
... ... @@ -264,39 +264,40 @@
264 264  == 2.4  Store Value ==
265 265  
266 266  
267 -Regarding storage, we recommend two ways.
219 +Regarding storage, we recommend two ways
268 268  
269 269  
270 270  
271 -=== 2.4.1  1. Generate txt document directly ===
223 +=== 2.4.1  1.Generate txt document directly ===
272 272  
273 -Sample JSON file:链接转到示例JSON文件
225 +Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
274 274  
275 -[[image:image-20220713102658-1.png||height="346" width="728"]]
276 276  
277 277  
229 +=== 2.4.2  2.Use sqlite database ===
278 278  
279 -=== 2.4.2  2. Use sqlite database ===
280 280  
232 +==== **1.  Install SQLite** ====
281 281  
282 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
283 283  
235 +[[image:image-20220713111030-2.png]]
284 284  
285 -[[image:image-20220713111030-2.png||height="438" width="739"]]
286 286  
287 287  
239 +==== **2.  After the installation is successful, the nodes in the picture will appear** ====
288 288  
289 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
290 290  
291 -
292 292  [[image:image-20220713111200-3.png]]
293 293  
294 294  
295 295  
296 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
246 +==== **3.  Import sample flow** ====
297 297  
298 298  
249 +== 2.5  Email Notification ==
299 299  
251 +
252 +
300 300  = 3.  Input Flow =
301 301  
302 302  
... ... @@ -310,30 +310,30 @@
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"]]
312 312  
313 -[[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"]]
266 +[[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"]]
314 314  
315 -[[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"]]
268 +[[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"]]
316 316  
317 317  After the import is successful, change the MQTT in node to your TTN information
318 318  
319 -[[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"]]
272 +[[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"]]
320 320  
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"]]
274 +[[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"]]
322 322  
323 323  Configure information consistent with your TTN
324 324  
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"]]
278 +[[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"]]
326 326  
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"]]
280 +[[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"]]
328 328  
329 329  API keys generated by the password for you
330 330  
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"]]
284 +[[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"]]
332 332  
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
336 336  
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"]]
290 +[[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"]]
338 338  
339 339  After the modification is completed, click Deploy

Applications

Navigation

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