Changes for page Node-RED_Install and Use
Last modified by Mengting Qiu on 2024/11/29 10:15
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. Xiaoling1 +XWiki.Edwin - Content
-
... ... @@ -58,10 +58,16 @@ 58 58 == 1.2 Install in Dragino Gataway == 59 59 60 60 61 +Dragino Gateway is already installed, no need for users to install it by themselves. 61 61 62 -= 2. Use Node-RED = 63 63 64 64 65 += 2. General Use of Node-RED = 66 + 67 + 68 +This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]]. 69 + 70 + 65 65 == 2.1 Login to Node-RED interface == 66 66 67 67 ... ... @@ -69,7 +69,7 @@ 69 69 70 70 example:[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]] 71 71 72 -[[image:image-20220519104115-4.png||height=" 352" width="969"]]78 +[[image:image-20220519104115-4.png||height="280" width="768"]] 73 73 74 74 75 75 ... ... @@ -78,50 +78,67 @@ 78 78 79 79 Take NBSN95 mod1 UDP protocol as an example 80 80 81 -After logging into the interface click '+'to create a flow87 +After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow 82 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"]]89 +[[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"]] 84 84 91 + 92 + 85 85 Rename the stream 86 86 87 -[[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="55 2" width="565"]]95 +[[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"]] 88 88 89 -[[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"]] 90 90 98 +[[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"]] 99 + 100 + 91 91 [[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"]] 92 92 93 93 Drag UDP into the editing area 94 94 105 + 106 + 95 95 [[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"]] 96 96 109 + 97 97 The same method as above, drag and drop functions and debug into the editing area 98 98 99 -[[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"]] 112 +[[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"]] 100 100 114 + 115 + 101 101 configure UDP in 102 102 103 -[[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"]] 118 +[[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"]] 104 104 120 + 105 105 Write to the UDP port that the device node sends to the server 106 106 107 107 Example My UDP device node sends to server port 8585 108 108 just write 8585 109 109 110 -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. 111 111 127 +(% 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.** 128 + 129 + 112 112 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. 113 113 114 -[[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"]] 132 +[[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"]] 115 115 116 -[[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"]] 117 117 118 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-2022051914 1355-11.png?rev=1.1||alt="image-20220519141355-11.png"]]135 +[[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"]] 119 119 120 -[[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"]] 121 121 138 +[[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"]] 139 + 140 + 141 +[[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"]] 142 + 143 + 144 + 122 122 When the node successfully sends data, the effect shown in the following figure will appear 123 123 124 -[[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"]] 147 +[[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"]] 125 125 126 126 127 127 ... ... @@ -131,10 +131,11 @@ 131 131 If you are familiar with JS code, you can write it yourself 132 132 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 133 133 134 -[[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"]] 135 135 158 +[[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"]] 136 136 137 137 161 + 138 138 == 2.3 Plot Chart for sensors == 139 139 140 140 ... ... @@ -143,12 +143,18 @@ 143 143 144 144 [[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"]] 145 145 146 -~1. Click Install 170 + 171 + 172 +(% style="color:blue" %)**1. Click Install 147 147 2. Search the dashboard 148 -3. Click Install 174 +3. Click Install** 149 149 150 -[[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"]] 151 151 177 + 178 +[[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"]] 179 + 180 + 181 + 152 152 After the installation is successful, nodered will show the following node icon 153 153 154 154 [[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"]] ... ... @@ -164,53 +164,77 @@ 164 164 165 165 The demo uses 3 kinds. Voltage, temperature, humidity 166 166 167 -[[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"]] 168 168 198 +[[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"]] 199 + 200 + 201 + 169 169 double click function 170 170 171 -[[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"]] 172 172 205 +[[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"]] 206 + 207 + 208 + 173 173 Adjusted to 3, because we need to display 3 charts 174 174 175 -[[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"]] 176 176 212 +[[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"]] 177 177 178 178 215 + 179 179 === 2.3.2 the chart settings === 180 180 181 181 182 182 Double-click while setting up the node as above 183 183 184 -[[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"]] 185 185 186 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519160 412-24.png?rev=1.1||alt="image-20220519160412-24.png"]]222 +[[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"]] 187 187 188 -[[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"]] 189 189 190 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519161 326-30.png?rev=1.1||alt="image-20220519161326-30.png"]]225 +[[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"]] 191 191 192 -[[image:image-20220525185746-2.png]] 193 193 194 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-2022051916 1650-32.png?rev=1.1||alt="image-20220519161650-32.png"]]228 +[[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"]] 195 195 230 + 231 +[[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"]] 232 + 233 + 234 +[[image:image-20220525185746-2.png||height="421" width="724"]] 235 + 236 + 237 +[[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"]] 238 + 239 + 240 + 196 196 After the display interface is defined for the first time, subsequent charts can directly select the display interface 197 197 198 -[[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"]] 199 199 200 -[[image:image-202205 25190106-3.png]]244 +[[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"]] 201 201 246 + 247 + 248 +[[image:image-20220525190106-3.png||height="575" width="724"]] 249 + 250 + 251 + 202 202 Connect graph nodes to functions with lines 203 203 204 204 Click to deploy 205 205 206 -[[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"]] 207 207 257 +[[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"]] 258 + 208 208 Enter the server public IP + port 1880/ui 209 209 210 210 example:[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]] 211 211 212 -[[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"]] 213 213 264 + 265 +[[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"]] 266 + 267 + 214 214 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. 215 215 216 216 ... ... @@ -218,27 +218,30 @@ 218 218 == 2.4 Store Value == 219 219 220 220 221 -Regarding storage, we recommend two ways 275 +Regarding storage, we recommend two ways. 222 222 223 223 224 224 225 225 === 2.4.1 1. Generate txt document directly === 226 226 227 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]] 228 228 282 +Sample JSON file:链接转到示例JSON文件 229 229 284 +[[image:image-20220713102658-1.png||height="346" width="728"]] 230 230 286 + 287 + 231 231 === 2.4.2 2. Use sqlite database === 232 232 233 233 234 -==== **1. Install SQLite** ==== 291 +==== (% style="color:blue" %)**1. Install SQLite**(%%) ==== 235 235 236 236 237 -[[image:image-20220713111030-2.png]] 294 +[[image:image-20220713111030-2.png||height="438" width="739"]] 238 238 239 239 240 240 241 -==== **2. After the installation is successful, the nodes in the picture will appear** ==== 298 +==== (% style="color:blue" %)**2. After the installation is successful, the nodes in the picture will appear**(%%) ==== 242 242 243 243 244 244 [[image:image-20220713111200-3.png]] ... ... @@ -245,50 +245,57 @@ 245 245 246 246 247 247 248 -==== **3. Import sample flow** ==== 305 +==== (% style="color:blue" %)**3. Import sample flow**(%%) ==== 249 249 250 250 251 - ==2.5EmailNotification==308 +Refer to the import example below to import the sqlite example flow 252 252 310 +Download sample JSON file link: 链接 253 253 254 254 255 -= 3. Input Flow = 256 256 314 += 3. Import Input Flow for Dragino Sensors = 257 257 258 -Directly import JSON files to generate flow 259 259 260 -D ownloadtherequiredJSONfilethroughthislink: 提供一个链接317 +Dragino provides input flow examples for the sensors. 261 261 262 - TakeLHT65asan example(thisnode isalreadyregistered withTTN,MQTTprotocol toconnect)319 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]]. 263 263 321 +Take LHT65 as an example (Assume this node is already registered with TTN, MQTT protocol to connect) 322 + 264 264 [[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"]] 265 265 266 266 [[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"]] 267 267 268 -[[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"]] 327 +[[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"]] 269 269 270 -[[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"]] 329 +[[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"]] 271 271 272 272 After the import is successful, change the MQTT in node to your TTN information 273 273 274 -[[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"]] 333 +[[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"]] 275 275 276 -[[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"]] 335 +[[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"]] 277 277 337 + 338 + 278 278 Configure information consistent with your TTN 279 279 280 -[[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"]] 341 +[[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"]] 281 281 282 -[[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"]] 343 +[[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"]] 283 283 345 + 346 + 284 284 API keys generated by the password for you 285 285 286 -[[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"]] 349 +[[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"]] 287 287 351 + 288 288 Topic modify it to the following format 289 289 290 290 v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up 291 291 292 -[[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"]] 356 +[[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"]] 293 293 294 294 After the modification is completed, click Deploy