Wiki source code of Node-RED_Install and Use

Version 52.1 by Herong Lu on 2024/01/04 10:25
Show last authors
1 (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 **Table of** **Contents：**
3
4 {{toc/}}
5
6
7
8
9 = 1.  Installation =
10
11
12 Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13
14
15 == 1.1  Install Example for CENTOS ==
16
17 === 1.1.1  Installation ===
18
19
20 (% class="box infomessage" %)
21 (((
22 Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
23 Run below commands and wait for installation complete.
24 )))
25
26 [[image:image-20220526161040-1.png]]
27
28
29 (% style="color:blue" %)**Verify if the installation was successful**
30
31 Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
32
33 The following information appears to prove that the installation has been successful
34
35 [[image:image-20220526161103-2.png]]
36
37
38 === 1.1.2  If you want to start Node-RED as a background process ===
39
40
41 Type in the command line interface  (% style="color:red" %)**nohup node-red &**
42
43 It will prompt after startup
44
45 [[image:image-20220519104601-5.png]]
46
47 After seeing the above information, press **enter.**
48
49 Type in the command line  exit.
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.
52
53
54 == 1.2  Install in Dragino Gataway ==
55
56
57 The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
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 Enter your public IP address followed by the port number 1880
74
75 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
76
77 [[image:image-20220519104115-4.png||height="280" width="768"]]
78
79
80 == 2.2  Add flow ==
81
82
83 Take NBSN95 mod1 UDP protocol as an example
84
85 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
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"]]
88
89
90
91 Rename the stream
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"]]
94
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 [[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
101 Drag UDP into the editing area
102
103
104
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
107
108 The same method as above, drag and drop functions and debug into the editing area
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"]]
111
112
113
114 configure UDP in
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"]]
117
118
119 Write to the UDP port that the device node sends to the server
120
121 Example My UDP device node sends to server port 8585
122 just write 8585
123
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 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
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"]]
131
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"]]
134
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 When the node successfully sends data, the effect shown in the following figure will appear
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"]]
146
147
148 === 2.2.1  About function ===
149
150
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
153
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
157
158 == 2.3  Plot Chart for sensors ==
159
160
161 If you need data visualization, please refer to the following
162
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
166
167
168 (% style="color:blue" %)**1. Click Install**
169
170 (% style="color:blue" %)**2. Search the dashboard**
171
172 (% style="color:blue" %)**3. Click Install**
173
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
351
352 = 4.Add Dragino node =
353
354 == 4.1Installing Dragino nodes ==
355
356 [[image:image-20240104095739-1.png||height="662" width="662"]]
357
358 [[image:image-20240104100026-2.png]]
359
360 [[image:image-20240104100109-3.png]]
361
362 == 4.2Import General Flow ==
363
364 [[image:image-20240104100340-4.png]]
365
366 [[image:image-20240104100446-5.png||height="407" width="885"]]
367
368

Applications

Navigation

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