Wiki source code of Node-RED_Install and Use

Version 39.2 by Xiaoling on 2022/08/09 10:37
Hide last authors
Edwin Chen 14.1 1 (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
Xiaoling 37.2 2 **Table of** **Contents：**
Edwin Chen 13.1 3
Edwin Chen 14.1 4 {{toc/}}
5
Herong Lu 2.1 6
Xiaoling 37.2 7
8
9 = 1.  Installation =
10
11
Herong Lu 21.1 12 Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
Herong Lu 2.1 13
14
Edwin Chen 12.1 15
Xiaoling 37.2 16 == 1.1  Install Example for CENTOS ==
17
18
19 === 1.1.1  Installation ===
20
21
Edwin Chen 11.1 22 (% class="box infomessage" %)
23 (((
Herong Lu 21.1 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.
Edwin Chen 11.1 26 )))
Herong Lu 9.1 27
Xiaoling 32.2 28 [[image:image-20220526161040-1.png]]
Herong Lu 9.1 29
30
Xiaoling 37.4 31 (% style="color:blue" %)**Verify if the installation was successful**
Herong Lu 9.1 32
Xiaoling 37.4 33 Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34
Herong Lu 21.1 35 The following information appears to prove that the installation has been successful
Herong Lu 9.1 36
Xiaoling 32.2 37 [[image:image-20220526161103-2.png]]
Herong Lu 9.1 38
39
Xiaoling 37.4 40
Xiaoling 37.2 41 === 1.1.2  If you want to start Node-RED as a background process ===
Herong Lu 9.1 42
Xiaoling 37.2 43
Xiaoling 37.4 44 Type in the command line interface  (% style="color:red" %)**nohup node-red &**
Herong Lu 9.1 45
Herong Lu 21.1 46 It will prompt after startup
Herong Lu 9.1 47
48 [[image:image-20220519104601-5.png]]
49
Xiaoling 37.4 50 After seeing the above information, press **enter**
Herong Lu 9.1 51
Herong Lu 21.1 52 Type in the command line  exit
Herong Lu 9.1 53
Herong Lu 21.1 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
Edwin Chen 12.1 55
56
Edwin Chen 15.1 57
Xiaoling 37.2 58 == 1.2  Install in Dragino Gataway ==
Edwin Chen 15.1 59
Xiaoling 39.2 60
Herong Lu 38.1 61 Dragino Gateway is already installed, no need for users to install it by themselves
Edwin Chen 12.1 62
Xiaoling 37.2 63
Xiaoling 39.2 64
Xiaoling 37.2 65 = 2.  Use Node-RED =
66
67
68 == 2.1  Login to Node-RED interface ==
69
70
Herong Lu 21.1 71 Enter your public IP address followed by the port number 1880
Edwin Chen 12.1 72
Herong Lu 21.1 73 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
Edwin Chen 12.1 74
Herong Lu 38.1 75 [[image:image-20220519104115-4.png||height="280" width="768"]]
Edwin Chen 12.1 76
77
Edwin Chen 16.1 78
Xiaoling 37.2 79 == 2.2  Add flow ==
80
81
Herong Lu 21.1 82 Take NBSN95 mod1 UDP protocol as an example
Edwin Chen 16.1 83
Xiaoling 37.5 84 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
Edwin Chen 16.1 85
Herong Lu 38.1 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"]]
Edwin Chen 16.1 87
Xiaoling 37.5 88
89
Herong Lu 21.1 90 Rename the stream
Edwin Chen 16.1 91
Herong Lu 38.1 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"]]
Edwin Chen 16.1 93
Xiaoling 39.2 94
Herong Lu 38.1 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"]]
Edwin Chen 17.1 96
Xiaoling 39.2 97
Herong Lu 20.2 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"]]
Edwin Chen 17.1 99
Herong Lu 21.1 100 Drag UDP into the editing area
Edwin Chen 17.1 101
Xiaoling 37.5 102
103
Herong Lu 20.2 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
Xiaoling 37.5 106
Herong Lu 21.1 107 The same method as above, drag and drop functions and debug into the editing area
Herong Lu 20.2 108
Herong Lu 38.1 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"]]
Herong Lu 20.2 110
Xiaoling 37.5 111
112
Herong Lu 21.1 113 configure UDP in
Herong Lu 20.2 114
Herong Lu 38.1 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"]]
Herong Lu 20.2 116
Xiaoling 37.5 117
Herong Lu 21.1 118 Write to the UDP port that the device node sends to the server
Herong Lu 20.2 119
Herong Lu 21.1 120 Example My UDP device node sends to server port 8585
121 just write 8585
Herong Lu 20.2 122
123
Xiaoling 37.5 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
Herong Lu 21.1 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.
Herong Lu 20.2 128
Herong Lu 38.1 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"]]
Herong Lu 20.2 130
Xiaoling 37.5 131
Herong Lu 38.1 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"]]
Herong Lu 20.2 133
Xiaoling 37.5 134
Herong Lu 38.1 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"]]
Herong Lu 20.2 136
Xiaoling 37.5 137
Herong Lu 38.1 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"]]
Herong Lu 20.2 139
Xiaoling 37.5 140
141
Herong Lu 21.1 142 When the node successfully sends data, the effect shown in the following figure will appear
Herong Lu 20.2 143
Herong Lu 38.1 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"]]
Herong Lu 20.2 145
146
Xiaoling 37.2 147
148 === 2.2.1  About function ===
149
150
Herong Lu 21.1 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
Herong Lu 20.2 153
Xiaoling 37.6 154
Herong Lu 38.1 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"]]
Herong Lu 20.2 156
157
158
Xiaoling 37.2 159 == 2.3  Plot Chart for sensors ==
160
161
Herong Lu 25.1 162 If you need data visualization, please refer to the following
Herong Lu 20.2 163
Xiaoling 37.2 164
Herong Lu 25.1 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
Xiaoling 37.6 167
168
169 (% style="color:blue" %)**1. Click Install
Herong Lu 25.1 170 2. Search the dashboard
Xiaoling 37.6 171 3. Click Install**
Herong Lu 25.1 172
Xiaoling 37.6 173
174
Herong Lu 38.1 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"]]
Herong Lu 25.1 176
Xiaoling 37.7 177
178
Herong Lu 25.1 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
Xiaoling 37.2 184
185 === 2.3.1  the line chart as an example ===
186
187
Herong Lu 25.1 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
Xiaoling 37.7 194
Herong Lu 38.1 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"]]
Herong Lu 25.1 196
Xiaoling 37.7 197
198
Herong Lu 25.1 199 double click function
200
Xiaoling 37.7 201
Herong Lu 38.1 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"]]
Herong Lu 25.1 203
Xiaoling 37.7 204
205
Herong Lu 25.1 206 Adjusted to 3, because we need to display 3 charts
207
Xiaoling 37.7 208
Herong Lu 38.1 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"]]
Herong Lu 25.1 210
211
Xiaoling 37.2 212
213 === 2.3.2  the chart settings ===
214
215
Herong Lu 25.1 216 Double-click while setting up the node as above
217
Xiaoling 37.7 218
Herong Lu 38.1 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"]]
Herong Lu 25.1 220
Xiaoling 37.7 221
Herong Lu 38.1 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"]]
Herong Lu 25.1 223
Xiaoling 37.7 224
Herong Lu 38.1 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"]]
Herong Lu 25.1 226
Xiaoling 37.7 227
Herong Lu 38.1 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"]]
Herong Lu 25.1 229
Xiaoling 37.7 230
Herong Lu 38.1 231 [[image:image-20220525185746-2.png||height="421" width="724"]]
Herong Lu 25.1 232
Xiaoling 37.7 233
Herong Lu 38.1 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"]]
Herong Lu 25.1 235
Xiaoling 37.7 236
237
Herong Lu 25.1 238 After the display interface is defined for the first time, subsequent charts can directly select the display interface
239
240
Herong Lu 38.1 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"]]
Xiaoling 37.7 242
243 ​​​​​​
244
Herong Lu 38.1 245 [[image:image-20220525190106-3.png||height="575" width="724"]]
Herong Lu 25.1 246
Xiaoling 37.7 247
248
Herong Lu 25.1 249 Connect graph nodes to functions with lines
250
251 Click to deploy
252
Xiaoling 37.7 253
Herong Lu 38.1 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"]]
Herong Lu 25.1 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
Xiaoling 37.7 260
261
Herong Lu 38.1 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"]]
Herong Lu 25.1 263
Xiaoling 39.2 264
Herong Lu 25.1 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
Herong Lu 20.2 267
Xiaoling 37.2 268
269 == 2.4  Store Value ==
270
271
Xiaoling 37.8 272 Regarding storage, we recommend two ways.
Herong Lu 20.2 273
Herong Lu 36.1 274
Xiaoling 37.2 275
Xiaoling 37.3 276 === 2.4.1  1. Generate txt document directly ===
Xiaoling 37.2 277
Xiaoling 39.2 278
Herong Lu 38.1 279 Sample JSON file:链接转到示例JSON文件
Xiaoling 37.8 280
Herong Lu 38.1 281 [[image:image-20220713102658-1.png||height="346" width="728"]]
Herong Lu 36.1 282
283
284
Xiaoling 37.3 285 === 2.4.2  2. Use sqlite database ===
Xiaoling 37.2 286
287
Xiaoling 37.8 288 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
Xiaoling 37.2 289
290
Herong Lu 38.1 291 [[image:image-20220713111030-2.png||height="438" width="739"]]
Herong Lu 36.1 292
293
Xiaoling 37.2 294
Xiaoling 37.8 295 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
Xiaoling 37.2 296
297
Herong Lu 36.1 298 [[image:image-20220713111200-3.png]]
299
300
301
Xiaoling 37.8 302 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
Herong Lu 20.2 303
Xiaoling 39.2 304
Herong Lu 39.1 305 Refer to the import example below to import the sqlite example flow
Herong Lu 20.2 306
Herong Lu 39.1 307 Download sample JSON file link: 链接
Xiaoling 37.8 308
Xiaoling 39.2 309
310
Xiaoling 37.2 311 = 3.  Input Flow =
312
313
Herong Lu 27.1 314 Directly import JSON files to generate flow
315
316 Download the required JSON file through this link: 提供一个链接
317
Herong Lu 28.1 318 Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319
Herong Lu 27.1 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
Herong Lu 38.1 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"]]
Herong Lu 27.1 325
Herong Lu 38.1 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"]]
Herong Lu 27.1 327
Herong Lu 28.1 328 After the import is successful, change the MQTT in node to your TTN information
329
Herong Lu 38.1 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"]]
Herong Lu 28.1 331
Herong Lu 38.1 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"]]
Herong Lu 28.1 333
Xiaoling 39.2 334
335
Herong Lu 28.1 336 Configure information consistent with your TTN
337
Herong Lu 38.1 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"]]
Herong Lu 28.1 339
Herong Lu 38.1 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"]]
Herong Lu 28.1 341
Xiaoling 39.2 342
343
Herong Lu 28.1 344 API keys generated by the password for you
345
Herong Lu 38.1 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"]]
Herong Lu 28.1 347
Xiaoling 39.2 348
Herong Lu 28.1 349 Topic modify it to the following format
350
Herong Lu 30.1 351 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
Herong Lu 28.1 352
Herong Lu 38.1 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"]]
Herong Lu 28.1 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