Wiki source code of Node-RED_Install and Use

Version 37.8 by Xiaoling on 2022/07/25 16:26
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
62 = 2.  Use Node-RED =
63
64
65 == 2.1  Login to Node-RED interface ==
66
67
68 Enter your public IP address followed by the port number 1880
69
70 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
71
72 [[image:image-20220519104115-4.png||height="352" width="969"]]
73
74
75
76 == 2.2  Add flow ==
77
78
79 Take NBSN95 mod1 UDP protocol as an example
80
81 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
82
83 [[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="231" width="972"]]
84
85
86
87 Rename the stream
88
89 [[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="552" width="565"]]
90
91 [[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"]]
92
93 [[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"]]
94
95 Drag UDP into the editing area
96
97
98
99 [[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"]]
100
101
102 The same method as above, drag and drop functions and debug into the editing area
103
104 [[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"]]
105
106
107
108 configure UDP in
109
110 [[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"]]
111
112
113 Write to the UDP port that the device node sends to the server
114
115 Example My UDP device node sends to server port 8585
116 just write 8585
117
118
119 (% 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.**
120
121
122 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.
123
124 [[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"]]
125
126
127 [[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"]]
128
129
130 [[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"]]
131
132
133 [[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"]]
134
135
136
137 When the node successfully sends data, the effect shown in the following figure will appear
138
139 [[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"]]
140
141
142
143 === 2.2.1  About function ===
144
145
146 If you are familiar with JS code, you can write it yourself
147 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
148
149
150 [[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"]]
151
152
153
154 == 2.3  Plot Chart for sensors ==
155
156
157 If you need data visualization, please refer to the following
158
159
160 [[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"]]
161
162
163
164 (% style="color:blue" %)**1. Click Install
165 2. Search the dashboard
166 3. Click Install**
167
168
169
170 [[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"]]
171
172
173
174 After the installation is successful, nodered will show the following node icon
175
176 [[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"]]
177
178
179
180 === 2.3.1  the line chart as an example ===
181
182
183 Drag the line chart to the editing area
184
185 Just drag and drop as many as you need, or you can copy
186
187 The demo uses 3 kinds. Voltage, temperature, humidity
188
189
190 [[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"]]
191
192
193
194 double click function
195
196
197 [[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"]]
198
199
200
201 Adjusted to 3, because we need to display 3 charts
202
203
204 [[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"]]
205
206
207
208 === 2.3.2  the chart settings ===
209
210
211 Double-click while setting up the node as above
212
213
214 [[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"]]
215
216
217 [[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"]]
218
219
220 [[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"]]
221
222
223 [[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"]]
224
225
226 [[image:image-20220525185746-2.png]]
227
228
229 [[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"]]
230
231
232
233 After the display interface is defined for the first time, subsequent charts can directly select the display interface
234
235
236 [[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"]]
237
238 ​​​​​​
239
240 [[image:image-20220525190106-3.png]]
241
242
243
244 Connect graph nodes to functions with lines
245
246 Click to deploy
247
248
249 [[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"]]
250
251 Enter the server public IP + port 1880/ui
252
253 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
254
255
256
257 [[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"]]
258
259 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.
260
261
262
263 == 2.4  Store Value ==
264
265
266 Regarding storage, we recommend two ways.
267
268
269
270 === 2.4.1  1. Generate txt document directly ===
271
272
273 Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
274
275
276
277 === 2.4.2  2. Use sqlite database ===
278
279
280 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
281
282
283 [[image:image-20220713111030-2.png]]
284
285
286
287 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
288
289
290 [[image:image-20220713111200-3.png]]
291
292
293
294 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
295
296
297
298 == 2.5  Email Notification ==
299
300
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"]]
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"]]
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"]]
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"]]
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"]]
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"]]
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"]]
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"]]
340
341 After the modification is completed, click Deploy

Applications

Navigation

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