Changes for page Node-RED_Install and Use
Last modified by Herong Lu on 2024/03/05 08:37
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 0 added, 8 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,341 +1,136 @@ 1 1 (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %) 2 - ** Table of** **Contents:**2 + **内容:** 3 3 4 4 {{toc/}} 5 5 6 += 安装 = 6 6 8 +从此链接检查不同操作系统的安装说明:[[https :~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]] 7 7 10 +== CENTOS 的安装示例 == 8 8 9 -= 1.Installation=12 +=== 安装 === 10 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 22 (% class="box infomessage" %) 23 23 ((( 24 - Reference Instruction from this link:[[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]25 - Runbelowcommands andwait forinstallation complete.16 +此链接的参考说明: [[https>>https://github.com/node-red/linux-installers]] 17 +:~/~/github.com/node-red/linux-installers运行以下命令并等待安装完成。 26 26 ))) 27 27 28 -[[image:image-202205 26161040-1.png]]20 +[[image:image-20220519102228-2.png]] 29 29 22 +**验证是否安装成功** 30 30 31 - (% style="color:blue" %)**Verify if theinstallation was successful**24 +在命令行界面输入node-red 32 32 33 - Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)26 +出现以下信息证明安装成功 34 34 35 - The followingnformation appears toprove that the installation has been successful28 +[[image:image-20220519103318-3.png]] 36 36 37 -[[image:image-20220526161103-2.png]] 38 38 31 +=== 如果要将 Node-RED 作为后台进程启动 === 39 39 33 +在命令行界面输入 nohup node-red & 40 40 41 - === 1.1.2 If you want to start Node-RED as a background process ===35 +启动后会提示 42 42 43 - 44 -Type in the command line interface (% style="color:red" %)**nohup node-red &** 45 - 46 -It will prompt after startup 47 - 48 48 [[image:image-20220519104601-5.png]] 49 49 50 - After seeing the above information, press **enter**39 +看到以上信息后,按回车 51 51 52 - Type in the command line exit41 +输入命令行退出 53 53 54 - The above is the installation andstartup process of nodered. If you don't understand anything, you can go to the noderedofficial website. There are installation instructions for various systems. The address has a link at the top43 +以上就是nodered的安装和启动过程。有什么不懂的可以去nodered官网看看。有各种系统的安装说明。地址顶部有链接 55 55 45 +== 在 Dragino Gataway 中安装 == 56 56 57 57 58 -= =1.2Install in DraginoGataway==48 += 使用 Node-RED = 59 59 60 - DraginoGatewayis already installed, noneedfor userstoinstall it by themselves50 +== 登录 Node-RED 界面 == 61 61 52 +输入您的公共 IP 地址,后跟端口号 1880 62 62 63 - =2.Use Node-RED =54 +例子:[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]] 64 64 56 +[[image:image-20220519104115-4.png||height="352" width="969"]] 65 65 66 -== 2.1 Login to Node-RED interface == 67 67 59 +== 添加流 == 68 68 69 - Enteryour public IP address followed by the port number188061 +以NBSN95 mod1 UDP协议为例 70 70 71 - example:[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]63 +登录界面后点击“+”创建流程 72 72 73 -[[image:image-202205191 04115-4.png||height="280" width="768"]]65 +[[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"]] 74 74 67 +重命名流 75 75 69 +[[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"]] 76 76 77 - == 2.2Addflow==71 +[[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"]] 78 78 79 - 80 -Take NBSN95 mod1 UDP protocol as an example 81 - 82 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow 83 - 84 -[[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"]] 85 - 86 - 87 - 88 -Rename the stream 89 - 90 -[[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"]] 91 - 92 -[[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"]] 93 - 94 94 [[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"]] 95 95 96 - DragUDPinto the editing area75 +将UDP拖入编辑区 97 97 98 - 99 - 100 100 [[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"]] 101 101 79 +方法同上,拖拽函数和调试到编辑区 102 102 103 - The samemethod as above, drag anddrop functionsanddebug intothetingarea81 +[[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"]] 104 104 105 - [[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"]]83 +配置UDP 106 106 85 +[[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"]] 107 107 87 +写入设备节点发送给服务器的UDP端口 108 108 109 -configure UDP in 89 +示例 我的 UDP 设备节点发送到服务器端口 8585 90 +只需写入 8585 110 110 111 - [[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"]]92 +请注意,不能使用已在使用的端口。如果接收失败,需要检查服务器的端口是否被占用。设备节点的发送端口不应使用服务器默认使用的端口,如8080等常用端口。 112 112 94 +为了避免数据混淆,不同类型的节点不使用相同的UDP端口,因为不同的节点有不同的数据格式和不同的功能。 113 113 114 - Writeothe UDPport that thedevicesendstotheserver96 +[[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"]] 115 115 116 -Example My UDP device node sends to server port 8585 117 -just write 8585 98 +[[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"]] 118 118 100 +[[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"]] 119 119 120 - (% style="color:red" %)**Note: thatheport thatis alreadyin use cannotbe used. If the receiving fails, you needtocheckwhether the port of the server is occupied. The sending port of thedevicenodeshouldnotusethedefaultport used by theserver, such as a commonportsuchas 8080.**102 +[[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 104 +当节点发送数据成功后,会出现下图的效果 122 122 123 - In orderto avoiddata confusion,different typesofnodesdo notusethesame UDPport, becausedifferent nodes havedifferent data formats and different functions.106 +[[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"]] 124 124 125 - [[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"]]108 +=== 关于功能 === 126 126 110 +如果你熟悉JS代码,可以自己写 111 +如果你不熟悉,我们有每种节点的JS代码,你只需要复制粘贴进去 127 127 128 -[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-2022051914 4651-14.png?rev=1.1||alt="image-20220519144651-14.png"height="348" width="779"]]113 +[[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"]] 129 129 130 130 131 - [[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"]]116 +== 传感器绘图图 == 132 132 133 133 134 - [[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"]]119 +== 存储价值 == 135 135 136 136 122 +== 电子邮件通知 == 137 137 138 -When the node successfully sends data, the effect shown in the following figure will appear 139 139 140 - [[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 += 输入流 = 141 141 127 +== MQTT == 142 142 129 +== UDP == 143 143 144 -== =2.2.1About function===131 +== TCP == 145 145 133 +== 从 LoRaWAN 服务器 (TTN) 获取数据 == 146 146 147 -If you are familiar with JS code, you can write it yourself 148 -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 149 149 150 - 151 -[[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"]] 152 - 153 - 154 - 155 -== 2.3 Plot Chart for sensors == 156 - 157 - 158 -If you need data visualization, please refer to the following 159 - 160 - 161 -[[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"]] 162 - 163 - 164 - 165 -(% style="color:blue" %)**1. Click Install 166 -2. Search the dashboard 167 -3. Click Install** 168 - 169 - 170 - 171 -[[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"]] 172 - 173 - 174 - 175 -After the installation is successful, nodered will show the following node icon 176 - 177 -[[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"]] 178 - 179 - 180 - 181 -=== 2.3.1 the line chart as an example === 182 - 183 - 184 -Drag the line chart to the editing area 185 - 186 -Just drag and drop as many as you need, or you can copy 187 - 188 -The demo uses 3 kinds. Voltage, temperature, humidity 189 - 190 - 191 -[[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"]] 192 - 193 - 194 - 195 -double click function 196 - 197 - 198 -[[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"]] 199 - 200 - 201 - 202 -Adjusted to 3, because we need to display 3 charts 203 - 204 - 205 -[[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"]] 206 - 207 - 208 - 209 -=== 2.3.2 the chart settings === 210 - 211 - 212 -Double-click while setting up the node as above 213 - 214 - 215 -[[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"]] 216 - 217 - 218 -[[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"]] 219 - 220 - 221 -[[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"]] 222 - 223 - 224 -[[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"]] 225 - 226 - 227 -[[image:image-20220525185746-2.png||height="421" width="724"]] 228 - 229 - 230 -[[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"]] 231 - 232 - 233 - 234 -After the display interface is defined for the first time, subsequent charts can directly select the display interface 235 - 236 - 237 -[[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"]] 238 - 239 - 240 - 241 -[[image:image-20220525190106-3.png||height="575" width="724"]] 242 - 243 - 244 - 245 -Connect graph nodes to functions with lines 246 - 247 -Click to deploy 248 - 249 - 250 -[[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"]] 251 - 252 -Enter the server public IP + port 1880/ui 253 - 254 -example:[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]] 255 - 256 - 257 - 258 -[[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"]] 259 - 260 -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. 261 - 262 - 263 - 264 -== 2.4 Store Value == 265 - 266 - 267 -Regarding storage, we recommend two ways. 268 - 269 - 270 - 271 -=== 2.4.1 1. Generate txt document directly === 272 - 273 -Sample JSON file:链接转到示例JSON文件 274 - 275 -[[image:image-20220713102658-1.png||height="346" width="728"]] 276 - 277 - 278 - 279 -=== 2.4.2 2. Use sqlite database === 280 - 281 - 282 -==== (% style="color:blue" %)**1. Install SQLite**(%%) ==== 283 - 284 - 285 -[[image:image-20220713111030-2.png||height="438" width="739"]] 286 - 287 - 288 - 289 -==== (% style="color:blue" %)**2. After the installation is successful, the nodes in the picture will appear**(%%) ==== 290 - 291 - 292 -[[image:image-20220713111200-3.png]] 293 - 294 - 295 - 296 -==== (% style="color:blue" %)**3. Import sample flow**(%%) ==== 297 - 298 -Refer to the import example below to import the sqlite example flow 299 - 300 -Download sample JSON file link: 链接 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" height="443" width="773"]] 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" height="568" width="768"]] 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" height="643" width="772"]] 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" height="648" width="773"]] 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" height="349" width="758"]] 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" height="376" width="758"]] 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" height="370" width="759"]] 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" height="690" width="755"]] 340 - 341 -After the modification is completed, click Deploy 136 += 例子 =
- image-20220525185630-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -30.1 KB - Content
- image-20220525185746-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -44.2 KB - Content
- image-20220525190106-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -43.8 KB - Content
- image-20220526161040-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Xiaoling - Size
-
... ... @@ -1,1 +1,0 @@ 1 -30.1 KB - Content
- image-20220526161103-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Xiaoling - Size
-
... ... @@ -1,1 +1,0 @@ 1 -53.1 KB - Content
- image-20220713102658-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -84.2 KB - Content
- image-20220713111030-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -48.9 KB - Content
- image-20220713111200-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.Lu - Size
-
... ... @@ -1,1 +1,0 @@ 1 -9.7 KB - Content