Wiki source code of Node-RED_Install and Use

Version 41.1 by Edwin Chen on 2022/10/16 08:02
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
16 == 1.1  Install Example for CENTOS ==
17
18
19 === 1.1.1  Installation ===
20
21
22 (% class="box infomessage" %)
23 (((
24 Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
25 Run below commands and wait for installation complete.
26 )))
27
28 [[image:image-20220526161040-1.png]]
29
30
31 (% style="color:blue" %)**Verify if the installation was successful**
32
33 Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34
35 The following information appears to prove that the installation has been successful
36
37 [[image:image-20220526161103-2.png]]
38
39
40
41 === 1.1.2  If you want to start Node-RED as a background process ===
42
43
44 Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45
46 It will prompt after startup
47
48 [[image:image-20220519104601-5.png]]
49
50 After seeing the above information, press **enter**
51
52 Type in the command line  exit
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
55
56
57
58 == 1.2  Install in Dragino Gataway ==
59
60
61 The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
62
63 * [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
64
65 Other gateway model doesn't support built-in Node-Red server.
66
67
68 = 2.  General Use of  Node-RED =
69
70
71 This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
72
73
74 == 2.1  Login to Node-RED interface ==
75
76
77 Enter your public IP address followed by the port number 1880
78
79 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
80
81 [[image:image-20220519104115-4.png||height="280" width="768"]]
82
83
84
85 == 2.2  Add flow ==
86
87
88 Take NBSN95 mod1 UDP protocol as an example
89
90 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
91
92 [[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"]]
93
94
95
96 Rename the stream
97
98 [[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"]]
99
100
101 [[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"]]
102
103
104 [[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"]]
105
106 Drag UDP into the editing area
107
108
109
110 [[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"]]
111
112
113 The same method as above, drag and drop functions and debug into the editing area
114
115 [[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"]]
116
117
118
119 configure UDP in
120
121 [[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"]]
122
123
124 Write to the UDP port that the device node sends to the server
125
126 Example My UDP device node sends to server port 8585
127 just write 8585
128
129
130 (% 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.**
131
132
133 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.
134
135 [[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"]]
136
137
138 [[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"]]
139
140
141 [[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"]]
142
143
144 [[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"]]
145
146
147
148 When the node successfully sends data, the effect shown in the following figure will appear
149
150 [[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"]]
151
152
153
154 === 2.2.1  About function ===
155
156
157 If you are familiar with JS code, you can write it yourself
158 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
159
160
161 [[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"]]
162
163
164
165 == 2.3  Plot Chart for sensors ==
166
167
168 If you need data visualization, please refer to the following
169
170
171 [[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"]]
172
173
174
175 (% style="color:blue" %)**1. Click Install
176 2. Search the dashboard
177 3. Click Install**
178
179
180
181 [[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"]]
182
183
184
185 After the installation is successful, nodered will show the following node icon
186
187 [[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"]]
188
189
190
191 === 2.3.1  the line chart as an example ===
192
193
194 Drag the line chart to the editing area
195
196 Just drag and drop as many as you need, or you can copy
197
198 The demo uses 3 kinds. Voltage, temperature, humidity
199
200
201 [[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"]]
202
203
204
205 double click function
206
207
208 [[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"]]
209
210
211
212 Adjusted to 3, because we need to display 3 charts
213
214
215 [[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"]]
216
217
218
219 === 2.3.2  the chart settings ===
220
221
222 Double-click while setting up the node as above
223
224
225 [[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"]]
226
227
228 [[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"]]
229
230
231 [[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"]]
232
233
234 [[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"]]
235
236
237 [[image:image-20220525185746-2.png||height="421" width="724"]]
238
239
240 [[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"]]
241
242
243
244 After the display interface is defined for the first time, subsequent charts can directly select the display interface
245
246
247 [[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"]]
248
249 ​​​​​​
250
251 [[image:image-20220525190106-3.png||height="575" width="724"]]
252
253
254
255 Connect graph nodes to functions with lines
256
257 Click to deploy
258
259
260 [[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"]]
261
262 Enter the server public IP + port 1880/ui
263
264 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
265
266
267
268 [[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"]]
269
270
271 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.
272
273
274
275 == 2.4  Store Value ==
276
277
278 Regarding storage, we recommend two ways.
279
280
281
282 === 2.4.1  1. Generate txt document directly ===
283
284
285 Sample JSON file:链接转到示例JSON文件
286
287 [[image:image-20220713102658-1.png||height="346" width="728"]]
288
289
290
291 === 2.4.2  2. Use sqlite database ===
292
293
294 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
295
296
297 [[image:image-20220713111030-2.png||height="438" width="739"]]
298
299
300
301 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
302
303
304 [[image:image-20220713111200-3.png]]
305
306
307
308 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
309
310
311 Refer to the import example below to import the sqlite example flow
312
313 Download sample JSON file link: 链接
314
315
316
317 = 3.  Import Input Flow for Dragino Sensors =
318
319
320 Dragino provides input flow examples for the sensors.
321
322 User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
323
324 Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
325
326 [[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"]]
327
328 [[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"]]
329
330 [[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"]]
331
332 [[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"]]
333
334 After the import is successful, change the MQTT in node to your TTN information
335
336 [[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"]]
337
338 [[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"]]
339
340
341
342 Configure information consistent with your TTN
343
344 [[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"]]
345
346 [[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"]]
347
348
349
350 API keys generated by the password for you
351
352 [[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"]]
353
354
355 Topic modify it to the following format
356
357 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
358
359 [[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"]]
360
361 After the modification is completed, click Deploy

Applications

Navigation

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