Wiki source code of Node-RED_Install and Use

Version 39.2 by Xiaoling on 2022/08/09 10:37
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.  Use Node-RED =
66
67
68 == 2.1  Login to Node-RED interface ==
69
70
71 Enter your public IP address followed by the port number 1880
72
73 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
74
75 [[image:image-20220519104115-4.png||height="280" width="768"]]
76
77
78
79 == 2.2  Add flow ==
80
81
82 Take NBSN95 mod1 UDP protocol as an example
83
84 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
85
86 [[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"]]
87
88
89
90 Rename the stream
91
92 [[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"]]
93
94
95 [[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"]]
96
97
98 [[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"]]
99
100 Drag UDP into the editing area
101
102
103
104 [[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"]]
105
106
107 The same method as above, drag and drop functions and debug into the editing area
108
109 [[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"]]
110
111
112
113 configure UDP in
114
115 [[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"]]
116
117
118 Write to the UDP port that the device node sends to the server
119
120 Example My UDP device node sends to server port 8585
121 just write 8585
122
123
124 (% 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.**
125
126
127 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.
128
129 [[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"]]
130
131
132 [[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"]]
133
134
135 [[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"]]
136
137
138 [[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"]]
139
140
141
142 When the node successfully sends data, the effect shown in the following figure will appear
143
144 [[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"]]
145
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
159 == 2.3  Plot Chart for sensors ==
160
161
162 If you need data visualization, please refer to the following
163
164
165 [[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"]]
166
167
168
169 (% style="color:blue" %)**1. Click Install
170 2. Search the dashboard
171 3. Click Install**
172
173
174
175 [[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"]]
176
177
178
179 After the installation is successful, nodered will show the following node icon
180
181 [[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"]]
182
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
213 === 2.3.2  the chart settings ===
214
215
216 Double-click while setting up the node as above
217
218
219 [[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"]]
220
221
222 [[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"]]
223
224
225 [[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"]]
226
227
228 [[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"]]
229
230
231 [[image:image-20220525185746-2.png||height="421" width="724"]]
232
233
234 [[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"]]
235
236
237
238 After the display interface is defined for the first time, subsequent charts can directly select the display interface
239
240
241 [[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"]]
242
243 ​​​​​​
244
245 [[image:image-20220525190106-3.png||height="575" width="724"]]
246
247
248
249 Connect graph nodes to functions with lines
250
251 Click to deploy
252
253
254 [[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"]]
255
256 Enter the server public IP + port 1880/ui
257
258 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
259
260
261
262 [[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"]]
263
264
265 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.
266
267
268
269 == 2.4  Store Value ==
270
271
272 Regarding storage, we recommend two ways.
273
274
275
276 === 2.4.1  1. Generate txt document directly ===
277
278
279 Sample JSON file:链接转到示例JSON文件
280
281 [[image:image-20220713102658-1.png||height="346" width="728"]]
282
283
284
285 === 2.4.2  2. Use sqlite database ===
286
287
288 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
289
290
291 [[image:image-20220713111030-2.png||height="438" width="739"]]
292
293
294
295 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
296
297
298 [[image:image-20220713111200-3.png]]
299
300
301
302 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
303
304
305 Refer to the import example below to import the sqlite example flow
306
307 Download sample JSON file link: 链接
308
309
310
311 = 3.  Input Flow =
312
313
314 Directly import JSON files to generate flow
315
316 Download the required JSON file through this link: 提供一个链接
317
318 Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319
320 [[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"]]
321
322 [[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"]]
323
324 [[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"]]
325
326 [[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"]]
327
328 After the import is successful, change the MQTT in node to your TTN information
329
330 [[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"]]
331
332 [[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"]]
333
334
335
336 Configure information consistent with your TTN
337
338 [[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"]]
339
340 [[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"]]
341
342
343
344 API keys generated by the password for you
345
346 [[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"]]
347
348
349 Topic modify it to the following format
350
351 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
352
353 [[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"]]
354
355 After the modification is completed, click Deploy

Applications

Navigation

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