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 (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 11 added, 0 removed)
- image-20241119104939-8.png
- image-20241119105123-9.png
- image-20241119105623-10.png
- image-20241119110335-11.png
- image-20241119110539-12.png
- image-20241119111420-13.png
- image-20241119112519-14.png
- image-20241119112928-15.png
- image-20241119113522-16.png
- image-20241119113742-17.png
- image-20241119114103-18.png
Details
- Page properties
-
- Content
-
... ... @@ -84,33 +84,27 @@ 84 84 85 85 After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow 86 86 87 +[[image:image-20241119101328-1.png||height="460" width="970"]] 87 87 88 -[[image:image-20241119095303-1.png||height="462" width="927"]] 89 - 90 90 Rename the stream 91 91 92 -[[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"]] 93 93 94 94 95 -[[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 +[[image:image-20241119101551-2.png||height="465" width="979"]] 96 96 97 97 98 -[[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"]] 99 - 100 100 Drag UDP into the editing area 101 101 98 +[[image:image-20241119101952-3.png||height="466" width="983"]] 102 102 103 -[[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"]] 104 104 105 - 106 106 The same method as above, drag and drop functions and debug into the editing area 107 107 108 -[[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"]]103 +[[image:image-20241119102218-4.png||height="468" width="986"]] 109 109 110 - 111 111 configure UDP in 112 112 113 -[[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"]]107 +[[image:image-20241119103312-7.png||height="470" width="991"]] 114 114 115 115 116 116 Write to the UDP port that the device node sends to the server ... ... @@ -124,21 +124,12 @@ 124 124 125 125 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. 126 126 127 -[[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"]]121 +[[image:image-20241119105123-9.png||height="557" width="995"]] 128 128 129 129 130 -[[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"]] 131 - 132 - 133 -[[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"]] 134 - 135 - 136 -[[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"]] 137 - 138 - 139 139 When the node successfully sends data, the effect shown in the following figure will appear 140 140 141 -[[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"]]126 +[[image:image-20241119104939-8.png||height="473" width="996"]] 142 142 143 143 144 144 === 2.2.1 About function === ... ... @@ -145,9 +145,9 @@ 145 145 146 146 147 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. 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]]) 149 149 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"height="478" width="789"]]135 +[[image:image-20241119112519-14.png||height="483" width="1018"]] 151 151 152 152 153 153 == 2.3 Plot Chart for sensors == ... ... @@ -155,7 +155,7 @@ 155 155 156 156 If you need data visualization, please refer to the following 157 157 158 -[[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"]]143 +[[image:image-20241119112928-15.png||height="484" width="1020"]] 159 159 160 160 161 161 (% style="color:blue" %)**1. Click Install** ... ... @@ -165,12 +165,12 @@ 165 165 (% style="color:blue" %)**3. Click Install** 166 166 167 167 168 -[[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"]]153 +[[image:image-20241119110335-11.png||height="483" width="1018"]] 169 169 170 170 171 171 After the installation is successful, nodered will show the following node icon 172 172 173 -[[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"]]158 +[[image:image-20241119110539-12.png||height="484" width="1020"]] 174 174 175 175 176 176 === 2.3.1 the line chart as an example === ... ... @@ -182,17 +182,17 @@ 182 182 183 183 The demo uses 3 kinds. Voltage, temperature, humidity 184 184 185 -[[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"]]170 +[[image:image-20241119114103-18.png||height="422" width="889"]] 186 186 187 187 188 188 double click function 189 189 190 -[[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"]]175 +[[image:image-20241119113522-16.png||height="425" width="896"]] 191 191 192 192 193 193 Adjusted to 3, because we need to display 3 charts 194 194 195 -[[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"]]180 +[[image:image-20241119113742-17.png||height="427" width="899"]] 196 196 197 197 198 198 === 2.3.2 the chart settings === ... ... @@ -481,4 +481,3 @@ 481 481 The Json file for the example flow can be downloaded at this link:[[https:~~/~~/github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json]] 482 482 483 483 Please refer to this video for specific operation steps: [[https:~~/~~/youtu.be/kms679e4m_Y>>https://youtu.be/kms679e4m_Y]] 484 -
- image-20241119104939-8.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +123.0 KB - Content
- image-20241119105123-9.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +113.5 KB - Content
- image-20241119105623-10.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +127.3 KB - Content
- image-20241119110335-11.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +168.9 KB - Content
- image-20241119110539-12.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +136.4 KB - Content
- image-20241119111420-13.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +111.7 KB - Content
- image-20241119112519-14.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +120.2 KB - Content
- image-20241119112928-15.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +133.4 KB - Content
- image-20241119113522-16.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +128.9 KB - Content
- image-20241119113742-17.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +136.7 KB - Content
- image-20241119114103-18.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.ting - Size
-
... ... @@ -1,0 +1,1 @@ 1 +186.2 KB - Content