Skip to Content

Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
From version 135.1
edited by Mengting Qiu
on 2024/11/29 10:15
Change comment: There is no comment for this version
To version 104.2
edited by Mengting Qiu
on 2024/11/19 11:19
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -130,9 +130,9 @@
130 130  
131 131  
132 132  If you are familiar with JS code, you can write it yourself
133 -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.([[dragino-end-node-red-Flow>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/NBSN95.json]])
133 +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.
134 134  
135 -[[image:image-20241119112519-14.png||height="483" width="1018"]]
135 +[[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  
138 138  == 2.3 Plot Chart for sensors ==
... ... @@ -140,7 +140,7 @@
140 140  
141 141  If you need data visualization, please refer to the following
142 142  
143 -[[image:image-20241119112928-15.png||height="484" width="1020"]]
143 +[[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"]]
144 144  
145 145  
146 146  (% style="color:blue" %)**1. Click Install**
... ... @@ -167,17 +167,17 @@
167 167  
168 168  The demo uses 3 kinds. Voltage, temperature, humidity
169 169  
170 -[[image:image-20241119114103-18.png||height="422" width="889"]]
170 +[[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"]]
171 171  
172 172  
173 173  double click function
174 174  
175 -[[image:image-20241119113522-16.png||height="425" width="896"]]
175 +[[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"]]
176 176  
177 177  
178 178  Adjusted to 3, because we need to display 3 charts
179 179  
180 -[[image:image-20241119113742-17.png||height="427" width="899"]]
180 +[[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"]]
181 181  
182 182  
183 183  === 2.3.2 the chart settings ===
... ... @@ -186,24 +186,29 @@
186 186  Double-click while setting up the node as above
187 187  
188 188  
189 -[[image:image-20241129100546-9.png||height="507" width="1068"]]
189 +[[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"]]
190 190  
191 191  
192 -[[image:image-20241129100654-10.png||height="507" width="1067"]]
192 +[[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"]]
193 193  
194 194  
195 -[[image:image-20241129100821-11.png||height="511" width="1076"]]
195 +[[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"]]
196 196  
197 197  
198 +[[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"]]
198 198  
199 -[[image:image-20220525185746-2.png||height="509" width="873"]]
200 200  
201 +[[image:image-20220525185746-2.png||height="421" width="724"]]
201 201  
202 202  
204 +[[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"]]
205 +
206 +
203 203  After the display interface is defined for the first time, subsequent charts can directly select the display interface
204 204  
209 +[[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"]]
205 205  
206 -​​​​​​[[image:image-20241129101359-12.png||height="418" width="880"]]
211 +​​​​​​
207 207  
208 208  [[image:image-20220525190106-3.png||height="575" width="724"]]
209 209  
... ... @@ -212,15 +212,16 @@
212 212  
213 213  Click to deploy
214 214  
215 -[[image:image-20241120090012-1.png||height="416" width="877"]]
220 +[[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"]]
216 216  
217 217  Enter the server public IP + port 1880/ui
218 218  
219 219  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
220 220  
221 -[[image:image-20241119134533-19.png||height="455" width="880"]]
222 222  
227 +[[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"]]
223 223  
229 +
224 224  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.
225 225  
226 226  
... ... @@ -268,38 +268,37 @@
268 268  
269 269  Dragino provides input flow examples for the sensors.
270 270  
271 -User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder/tree/main/Node-RED]].
277 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
272 272  
273 -Take LHT65N as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
279 +Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
274 274  
275 -[[image:image-20241129094455-1.png||height="537" width="1062"]]
281 +[[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"]]
276 276  
277 -[[image:image-20241129094558-2.png||height="538" width="1063"]]
283 +[[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"]]
278 278  
279 -[[image:image-20241129094724-3.png||height="513" width="1080"]]
285 +[[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"]]
280 280  
281 -[[image:image-20241129094850-4.png||height="513" width="1081"]]
287 +[[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"]]
282 282  
283 283  After the import is successful, change the MQTT in node to your TTN information
284 284  
285 -[[image:image-20241129095458-6.png||height="511" width="1076"]]
291 +[[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"]]
286 286  
287 -[[image:image-20241129095351-5.png||height="515" width="1085"]]
293 +[[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"]]
288 288  
289 289  
290 290  
291 291  Configure information consistent with your TTN
292 292  
299 +[[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"]]
293 293  
294 -[[image:image-20241129095817-7.png||height="516" width="1087"]]
301 +[[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"]]
295 295  
296 -[[image:image-20241129095931-8.png||height="515" width="1085"]]
297 297  
298 298  
299 -
300 300  API keys generated by the password for you
301 301  
302 -[[image:image-20241119135338-21.png||height="515" width="1085"]]
307 +[[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"]]
303 303  
304 304  
305 305  Topic modify it to the following format
... ... @@ -306,7 +306,7 @@
306 306  
307 307  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
308 308  
309 -[[image:image-20241119135151-20.png||height="515" width="1085"]]
314 +[[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"]]
310 310  
311 311  After the modification is completed, click Deploy
312 312  
image-20241119112519-14.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -120.2 KB
Content
image-20241119112928-15.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -133.4 KB
Content
image-20241119113522-16.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -128.9 KB
Content
image-20241119113742-17.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -136.7 KB
Content
image-20241119114103-18.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -186.2 KB
Content
image-20241119134533-19.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -65.0 KB
Content
image-20241119135151-20.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -182.5 KB
Content
image-20241119135338-21.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -167.7 KB
Content
image-20241119141716-22.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -111.4 KB
Content
image-20241119141939-23.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -158.4 KB
Content
image-20241119141958-24.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -100.6 KB
Content
image-20241119142320-25.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -118.9 KB
Content
image-20241120090012-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -187.4 KB
Content
image-20241129093409-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -122.9 KB
Content
image-20241129093645-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -121.8 KB
Content
image-20241129093903-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -220.9 KB
Content
image-20241129094455-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -127.7 KB
Content
image-20241129094558-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -118.4 KB
Content
image-20241129094724-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -132.1 KB
Content
image-20241129094850-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -146.8 KB
Content
image-20241129095351-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -112.5 KB
Content
image-20241129095458-6.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -231.2 KB
Content
image-20241129095817-7.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -241.8 KB
Content
image-20241129095931-8.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -142.4 KB
Content
image-20241129100546-9.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -245.8 KB
Content
image-20241129100654-10.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -248.6 KB
Content
image-20241129100821-11.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -236.3 KB
Content
image-20241129101359-12.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -248.3 KB
Content