Wiki source code of Node-RED_Install and Use

Version 39.1 by Herong Lu on 2022/07/26 09:07
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 Dragino Gateway is already installed, no need for users to install it by themselves
61
62
63 = 2.  Use Node-RED =
64
65
66 == 2.1  Login to Node-RED interface ==
67
68
69 Enter your public IP address followed by the port number 1880
70
71 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
72
73 [[image:image-20220519104115-4.png||height="280" width="768"]]
74
75
76
77 == 2.2  Add flow ==
78
79
80 Take NBSN95 mod1 UDP protocol as an example
81
82 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
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"]]
85
86
87
88 Rename the stream
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"]]
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"]]
93
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
96 Drag UDP into the editing area
97
98
99
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
102
103 The same method as above, drag and drop functions and debug into the editing area
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"]]
106
107
108
109 configure UDP in
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"]]
112
113
114 Write to the UDP port that the device node sends to the server
115
116 Example My UDP device node sends to server port 8585
117 just write 8585
118
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 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
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"]]
126
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"]]
129
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 When the node successfully sends data, the effect shown in the following figure will appear
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"]]
141
142
143
144 === 2.2.1  About function ===
145
146
147 If you are familiar with JS code, you can write it yourself
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
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
153
154
155 == 2.3  Plot Chart for sensors ==
156
157
158 If you need data visualization, please refer to the following
159
160
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
163
164
165 (% style="color:blue" %)**1. Click Install
166 2. Search the dashboard
167 3. Click Install**
168
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 After the installation is successful, nodered will show the following node icon
176
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"]]
178
179
180
181 === 2.3.1  the line chart as an example ===
182
183
184 Drag the line chart to the editing area
185
186 Just drag and drop as many as you need, or you can copy
187
188 The demo uses 3 kinds. Voltage, temperature, humidity
189
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 double click function
196
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 Adjusted to 3, because we need to display 3 charts
203
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
207
208
209 === 2.3.2  the chart settings ===
210
211
212 Double-click while setting up the node as above
213
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"]]
216
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"]]
219
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"]]
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 After the display interface is defined for the first time, subsequent charts can directly select the display interface
235
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"]]
238
239 ​​​​​​
240
241 [[image:image-20220525190106-3.png||height="575" width="724"]]
242
243
244
245 Connect graph nodes to functions with lines
246
247 Click to deploy
248
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 Enter the server public IP + port 1880/ui
253
254 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
255
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 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
262
263
264 == 2.4  Store Value ==
265
266
267 Regarding storage, we recommend two ways.
268
269
270
271 === 2.4.1  1. Generate txt document directly ===
272
273 Sample JSON file:链接转到示例JSON文件
274
275 [[image:image-20220713102658-1.png||height="346" width="728"]]
276
277
278
279 === 2.4.2  2. Use sqlite database ===
280
281
282 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
283
284
285 [[image:image-20220713111030-2.png||height="438" width="739"]]
286
287
288
289 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
290
291
292 [[image:image-20220713111200-3.png]]
293
294
295
296 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
297
298 Refer to the import example below to import the sqlite example flow
299
300 Download sample JSON file link: 链接
301
302 = 3.  Input Flow =
303
304
305 Directly import JSON files to generate flow
306
307 Download the required JSON file through this link: 提供一个链接
308
309 Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
310
311 [[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"]]
312
313 [[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"]]
314
315 [[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"]]
316
317 [[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"]]
318
319 After the import is successful, change the MQTT in node to your TTN information
320
321 [[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"]]
322
323 [[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"]]
324
325 Configure information consistent with your TTN
326
327 [[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"]]
328
329 [[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"]]
330
331 API keys generated by the password for you
332
333 [[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"]]
334
335 Topic modify it to the following format
336
337 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
338
339 [[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"]]
340
341 After the modification is completed, click Deploy

Applications

Navigation

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