Skip to Content

Wiki source code of Node-RED_Install and Use

Version 37.3 by Xiaoling on 2022/07/25 15:29
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 **Verify if the installation was successful**
31
32 Type in the command line interface  node-red  
33
34 The following information appears to prove that the installation has been successful
35
36 [[image:image-20220526161103-2.png]]
37
38
39 === 1.1.2  If you want to start Node-RED as a background process ===
40
41
42 Type in the command line interface  nohup node-red &
43
44 It will prompt after startup
45
46 [[image:image-20220519104601-5.png]]
47
48 After seeing the above information, press enter
49
50 Type in the command line  exit
51
52 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
53
54
55
56 == 1.2  Install in Dragino Gataway ==
57
58
59
60 = 2.  Use Node-RED =
61
62
63 == 2.1  Login to Node-RED interface ==
64
65
66 Enter your public IP address followed by the port number 1880
67
68 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
69
70 [[image:image-20220519104115-4.png||height="352" width="969"]]
71
72
73
74 == 2.2  Add flow ==
75
76
77 Take NBSN95 mod1 UDP protocol as an example
78
79 After logging into the interface click '+' to create a flow
80
81 [[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"]]
82
83 Rename the stream
84
85 [[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"]]
86
87 [[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"]]
88
89 [[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"]]
90
91 Drag UDP into the editing area
92
93 [[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"]]
94
95 The same method as above, drag and drop functions and debug into the editing area
96
97 [[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"]]
98
99 configure UDP in
100
101 [[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"]]
102
103 Write to the UDP port that the device node sends to the server
104
105 Example My UDP device node sends to server port 8585
106 just write 8585
107
108 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.
109
110 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.
111
112 [[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"]]
113
114 [[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"]]
115
116 [[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"]]
117
118 [[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"]]
119
120 When the node successfully sends data, the effect shown in the following figure will appear
121
122 [[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"]]
123
124
125
126 === 2.2.1  About function ===
127
128
129 If you are familiar with JS code, you can write it yourself
130 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
131
132 [[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"]]
133
134
135
136 == 2.3  Plot Chart for sensors ==
137
138
139 If you need data visualization, please refer to the following
140
141
142 [[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"]]
143
144 ~1. Click Install
145 2. Search the dashboard
146 3. Click Install
147
148 [[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"]]
149
150 After the installation is successful, nodered will show the following node icon
151
152 [[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"]]
153
154
155
156 === 2.3.1  the line chart as an example ===
157
158
159 Drag the line chart to the editing area
160
161 Just drag and drop as many as you need, or you can copy
162
163 The demo uses 3 kinds. Voltage, temperature, humidity
164
165 [[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"]]
166
167 double click function
168
169 [[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"]]
170
171 Adjusted to 3, because we need to display 3 charts
172
173 [[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"]]
174
175
176
177 === 2.3.2  the chart settings ===
178
179
180 Double-click while setting up the node as above
181
182 [[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"]]
183
184 [[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"]]
185
186 [[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"]]
187
188 [[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"]]
189
190 [[image:image-20220525185746-2.png]]
191
192 [[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"]]
193
194 After the display interface is defined for the first time, subsequent charts can directly select the display interface
195
196 [[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"]]​​​​​​
197
198 [[image:image-20220525190106-3.png]]
199
200 Connect graph nodes to functions with lines
201
202 Click to deploy
203
204 [[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"]]
205
206 Enter the server public IP + port 1880/ui
207
208 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
209
210 [[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"]]
211
212 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.
213
214
215
216 == 2.4  Store Value ==
217
218
219 Regarding storage, we recommend two ways
220
221
222
223 === 2.4.1  1. Generate txt document directly ===
224
225 Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
226
227
228
229 === 2.4.2  2. Use sqlite database ===
230
231
232 ==== **1.  Install SQLite** ====
233
234
235 [[image:image-20220713111030-2.png]]
236
237
238
239 ==== **2.  After the installation is successful, the nodes in the picture will appear** ====
240
241
242 [[image:image-20220713111200-3.png]]
243
244
245
246 ==== **3.  Import sample flow** ====
247
248
249 == 2.5  Email Notification ==
250
251
252
253 = 3.  Input Flow =
254
255
256 Directly import JSON files to generate flow
257
258 Download the required JSON file through this link: 提供一个链接
259
260 Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
261
262 [[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"]]
263
264 [[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"]]
265
266 [[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"]]
267
268 [[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"]]
269
270 After the import is successful, change the MQTT in node to your TTN information
271
272 [[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"]]
273
274 [[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"]]
275
276 Configure information consistent with your TTN
277
278 [[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"]]
279
280 [[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"]]
281
282 API keys generated by the password for you
283
284 [[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"]]
285
286 Topic modify it to the following format
287
288 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
289
290 [[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"]]
291
292 After the modification is completed, click Deploy