Wiki source code of Node-RED_Install and Use

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

Applications

Navigation

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