Changes for page Node-RED_Install and Use
Last modified by Mengting Qiu on 2024/11/29 10:15
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -146,7 +146,6 @@ 146 146 If you are familiar with JS code, you can write it yourself 147 147 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 148 148 149 - 150 150 [[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"]] 151 151 152 152 ... ... @@ -159,18 +159,12 @@ 159 159 160 160 [[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"]] 161 161 162 - 163 - 164 -(% style="color:blue" %)**1. Click Install 161 +~1. Click Install 165 165 2. Search the dashboard 166 -3. Click Install **163 +3. Click Install 167 167 168 - 169 - 170 170 [[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"]] 171 171 172 - 173 - 174 174 After the installation is successful, nodered will show the following node icon 175 175 176 176 [[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"]] ... ... @@ -186,21 +186,14 @@ 186 186 187 187 The demo uses 3 kinds. Voltage, temperature, humidity 188 188 189 - 190 190 [[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"]] 191 191 192 - 193 - 194 194 double click function 195 195 196 - 197 197 [[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"]] 198 198 199 - 200 - 201 201 Adjusted to 3, because we need to display 3 charts 202 202 203 - 204 204 [[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"]] 205 205 206 206 ... ... @@ -210,42 +210,28 @@ 210 210 211 211 Double-click while setting up the node as above 212 212 213 - 214 214 [[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"]] 215 215 216 - 217 217 [[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"]] 218 218 219 - 220 220 [[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"]] 221 221 222 - 223 223 [[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"]] 224 224 225 - 226 226 [[image:image-20220525185746-2.png]] 227 227 228 - 229 229 [[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"]] 230 230 231 - 232 - 233 233 After the display interface is defined for the first time, subsequent charts can directly select the display interface 234 234 213 +[[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"]] 235 235 236 -[[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"]] 237 - 238 - 239 - 240 240 [[image:image-20220525190106-3.png]] 241 241 242 - 243 - 244 244 Connect graph nodes to functions with lines 245 245 246 246 Click to deploy 247 247 248 - 249 249 [[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"]] 250 250 251 251 Enter the server public IP + port 1880/ui ... ... @@ -252,8 +252,6 @@ 252 252 253 253 example:[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]] 254 254 255 - 256 - 257 257 [[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"]] 258 258 259 259 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.