Wiki source code of Node-RED_Install and Use

Version 42.1 by Herong Lu on 2024/01/03 15:28
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
Xiaoling 37.2 15 == 1.1  Install Example for CENTOS ==
16
17 === 1.1.1  Installation ===
18
19
Edwin Chen 11.1 20 (% class="box infomessage" %)
21 (((
Herong Lu 21.1 22 Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
23 Run below commands and wait for installation complete.
Edwin Chen 11.1 24 )))
Herong Lu 9.1 25
Xiaoling 32.2 26 [[image:image-20220526161040-1.png]]
Herong Lu 9.1 27
28
Xiaoling 37.4 29 (% style="color:blue" %)**Verify if the installation was successful**
Herong Lu 9.1 30
Xiaoling 37.4 31 Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
32
Herong Lu 21.1 33 The following information appears to prove that the installation has been successful
Herong Lu 9.1 34
Xiaoling 32.2 35 [[image:image-20220526161103-2.png]]
Herong Lu 9.1 36
37
Xiaoling 37.2 38 === 1.1.2  If you want to start Node-RED as a background process ===
Herong Lu 9.1 39
Xiaoling 37.2 40
Xiaoling 37.4 41 Type in the command line interface  (% style="color:red" %)**nohup node-red &**
Herong Lu 9.1 42
Herong Lu 21.1 43 It will prompt after startup
Herong Lu 9.1 44
45 [[image:image-20220519104601-5.png]]
46
Xiaoling 41.2 47 After seeing the above information, press **enter.**
Herong Lu 9.1 48
Xiaoling 41.2 49 Type in the command line  exit.
Herong Lu 9.1 50
Xiaoling 41.2 51 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 52
53
Xiaoling 37.2 54 == 1.2  Install in Dragino Gataway ==
Edwin Chen 15.1 55
Xiaoling 39.2 56
Edwin Chen 41.1 57 The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
Edwin Chen 12.1 58
Edwin Chen 41.1 59 * [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
Xiaoling 37.2 60
Edwin Chen 41.1 61 Other gateway model doesn't support built-in Node-Red server.
Xiaoling 39.2 62
Edwin Chen 41.1 63
Edwin Chen 40.1 64 = 2.  General Use of  Node-RED =
Xiaoling 37.2 65
66
Edwin Chen 40.1 67 This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68
69
Xiaoling 37.2 70 == 2.1  Login to Node-RED interface ==
71
72
Herong Lu 21.1 73 Enter your public IP address followed by the port number 1880
Edwin Chen 12.1 74
Herong Lu 21.1 75 example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
Edwin Chen 12.1 76
Herong Lu 38.1 77 [[image:image-20220519104115-4.png||height="280" width="768"]]
Edwin Chen 12.1 78
79
Xiaoling 37.2 80 == 2.2  Add flow ==
81
82
Herong Lu 21.1 83 Take NBSN95 mod1 UDP protocol as an example
Edwin Chen 16.1 84
Xiaoling 37.5 85 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
Edwin Chen 16.1 86
Herong Lu 38.1 87 [[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 88
Xiaoling 37.5 89
90
Herong Lu 21.1 91 Rename the stream
Edwin Chen 16.1 92
Herong Lu 38.1 93 [[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 94
Xiaoling 39.2 95
Herong Lu 38.1 96 [[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 97
Xiaoling 39.2 98
Herong Lu 20.2 99 [[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 100
Herong Lu 21.1 101 Drag UDP into the editing area
Edwin Chen 17.1 102
Xiaoling 37.5 103
104
Herong Lu 20.2 105 [[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"]]
106
Xiaoling 37.5 107
Herong Lu 21.1 108 The same method as above, drag and drop functions and debug into the editing area
Herong Lu 20.2 109
Herong Lu 38.1 110 [[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 111
Xiaoling 37.5 112
113
Herong Lu 21.1 114 configure UDP in
Herong Lu 20.2 115
Herong Lu 38.1 116 [[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 117
Xiaoling 37.5 118
Herong Lu 21.1 119 Write to the UDP port that the device node sends to the server
Herong Lu 20.2 120
Herong Lu 21.1 121 Example My UDP device node sends to server port 8585
122 just write 8585
Herong Lu 20.2 123
124
Xiaoling 37.5 125 (% 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.**
126
127
Herong Lu 21.1 128 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 129
Herong Lu 38.1 130 [[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 131
Xiaoling 37.5 132
Herong Lu 38.1 133 [[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 134
Xiaoling 37.5 135
Herong Lu 38.1 136 [[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 137
Xiaoling 37.5 138
Herong Lu 38.1 139 [[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 140
Xiaoling 37.5 141
142
Herong Lu 21.1 143 When the node successfully sends data, the effect shown in the following figure will appear
Herong Lu 20.2 144
Herong Lu 38.1 145 [[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 146
147
Xiaoling 37.2 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
Xiaoling 37.2 158 == 2.3  Plot Chart for sensors ==
159
160
Herong Lu 25.1 161 If you need data visualization, please refer to the following
Herong Lu 20.2 162
Xiaoling 37.2 163
Herong Lu 25.1 164 [[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"]]
165
Xiaoling 37.6 166
167
Xiaoling 41.2 168 (% style="color:blue" %)**1. Click Install**
Herong Lu 25.1 169
Xiaoling 41.2 170 (% style="color:blue" %)**2. Search the dashboard**
Xiaoling 37.6 171
Xiaoling 41.2 172 (% style="color:blue" %)**3. Click Install**
Xiaoling 37.6 173
Xiaoling 41.2 174
175
Herong Lu 38.1 176 [[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 177
Xiaoling 37.7 178
179
Herong Lu 25.1 180 After the installation is successful, nodered will show the following node icon
181
182 [[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"]]
183
184
Xiaoling 37.2 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 === 2.3.2  the chart settings ===
213
214
Herong Lu 25.1 215 Double-click while setting up the node as above
216
Xiaoling 37.7 217
Herong Lu 38.1 218 [[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 219
Xiaoling 37.7 220
Herong Lu 38.1 221 [[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 222
Xiaoling 37.7 223
Herong Lu 38.1 224 [[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 225
Xiaoling 37.7 226
Herong Lu 38.1 227 [[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 228
Xiaoling 37.7 229
Herong Lu 38.1 230 [[image:image-20220525185746-2.png||height="421" width="724"]]
Herong Lu 25.1 231
Xiaoling 37.7 232
Herong Lu 38.1 233 [[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 234
Xiaoling 37.7 235
236
Herong Lu 25.1 237 After the display interface is defined for the first time, subsequent charts can directly select the display interface
238
239
Herong Lu 38.1 240 [[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 241
242 ​​​​​​
243
Herong Lu 38.1 244 [[image:image-20220525190106-3.png||height="575" width="724"]]
Herong Lu 25.1 245
Xiaoling 37.7 246
247
Herong Lu 25.1 248 Connect graph nodes to functions with lines
249
250 Click to deploy
251
Xiaoling 37.7 252
Herong Lu 38.1 253 [[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 254
255 Enter the server public IP + port 1880/ui
256
257 example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
258
Xiaoling 37.7 259
260
Herong Lu 38.1 261 [[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 262
Xiaoling 39.2 263
Herong Lu 25.1 264 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.
265
Herong Lu 20.2 266
Xiaoling 37.2 267 == 2.4  Store Value ==
268
269
Xiaoling 37.8 270 Regarding storage, we recommend two ways.
Herong Lu 20.2 271
Herong Lu 36.1 272
Xiaoling 37.3 273 === 2.4.1  1. Generate txt document directly ===
Xiaoling 37.2 274
Xiaoling 39.2 275
Xiaoling 41.3 276 Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
Xiaoling 37.8 277
Herong Lu 38.1 278 [[image:image-20220713102658-1.png||height="346" width="728"]]
Herong Lu 36.1 279
280
Xiaoling 37.3 281 === 2.4.2  2. Use sqlite database ===
Xiaoling 37.2 282
283
Xiaoling 37.8 284 ==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
Xiaoling 37.2 285
286
Herong Lu 38.1 287 [[image:image-20220713111030-2.png||height="438" width="739"]]
Herong Lu 36.1 288
289
Xiaoling 37.2 290
Xiaoling 37.8 291 ==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
Xiaoling 37.2 292
293
Herong Lu 36.1 294 [[image:image-20220713111200-3.png]]
295
296
297
Xiaoling 37.8 298 ==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
Herong Lu 20.2 299
Xiaoling 39.2 300
Herong Lu 39.1 301 Refer to the import example below to import the sqlite example flow
Herong Lu 20.2 302
Xiaoling 41.3 303 Download sample JSON file link: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
Xiaoling 37.8 304
Xiaoling 39.2 305
Edwin Chen 40.1 306 = 3.  Import Input Flow for Dragino Sensors =
Xiaoling 37.2 307
308
Edwin Chen 40.1 309 Dragino provides input flow examples for the sensors.
Herong Lu 27.1 310
Edwin Chen 40.1 311 User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
Herong Lu 27.1 312
Edwin Chen 40.1 313 Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
Herong Lu 28.1 314
Herong Lu 27.1 315 [[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"]]
316
317 [[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"]]
318
Herong Lu 38.1 319 [[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 320
Herong Lu 38.1 321 [[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 322
Herong Lu 28.1 323 After the import is successful, change the MQTT in node to your TTN information
324
Herong Lu 38.1 325 [[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 326
Herong Lu 38.1 327 [[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 328
Xiaoling 39.2 329
330
Herong Lu 28.1 331 Configure information consistent with your TTN
332
Herong Lu 38.1 333 [[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 334
Herong Lu 38.1 335 [[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 336
Xiaoling 39.2 337
338
Herong Lu 28.1 339 API keys generated by the password for you
340
Herong Lu 38.1 341 [[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 342
Xiaoling 39.2 343
Herong Lu 28.1 344 Topic modify it to the following format
345
Herong Lu 30.1 346 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
Herong Lu 28.1 347
Herong Lu 38.1 348 [[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 349
350 After the modification is completed, click Deploy

Applications

Navigation

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