Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 98.3 >
edited by Mengting Qiu
on 2024/11/19 10:44
To version < 109.2 >
edited by Mengting Qiu
on 2024/11/19 11:44
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -84,27 +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="450" width="949"]]
87 +[[image:image-20241119101328-1.png||height="460" width="970"]]
88 88  
89 89  Rename the stream
90 90  
91 91  
92 92  
93 -[[image:image-20241119101551-2.png||height="455" width="958"]]
93 +[[image:image-20241119101551-2.png||height="465" width="979"]]
94 94  
95 95  
96 96  Drag UDP into the editing area
97 97  
98 -[[image:image-20241119101952-3.png||height="455" width="959"]]
98 +[[image:image-20241119101952-3.png||height="466" width="983"]]
99 99  
100 100  
101 101  The same method as above, drag and drop functions and debug into the editing area
102 102  
103 -[[image:image-20241119102218-4.png||height="456" width="961"]]
103 +[[image:image-20241119102218-4.png||height="468" width="986"]]
104 104  
105 105  configure UDP in
106 106  
107 -[[image:image-20241119103312-7.png||height="458" width="965"]]
107 +[[image:image-20241119103312-7.png||height="470" width="991"]]
108 108  
109 109  
110 110  Write to the UDP port that the device node sends to the server
... ... @@ -118,21 +118,12 @@
118 118  
119 119  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.
120 120  
121 -[[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"]]
122 122  
123 123  
124 -[[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"]]
125 -
126 -
127 -[[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"]]
128 -
129 -
130 -[[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"]]
131 -
132 -
133 133  When the node successfully sends data, the effect shown in the following figure will appear
134 134  
135 -[[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"]]
136 136  
137 137  
138 138  === 2.2.1 About function ===
... ... @@ -139,9 +139,9 @@
139 139  
140 140  
141 141  If you are familiar with JS code, you can write it yourself
142 -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]])
143 143  
144 -[[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"]]
145 145  
146 146  
147 147  == 2.3 Plot Chart for sensors ==
... ... @@ -149,7 +149,7 @@
149 149  
150 150  If you need data visualization, please refer to the following
151 151  
152 -[[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"]]
153 153  
154 154  
155 155  (% style="color:blue" %)**1. Click Install**
... ... @@ -159,12 +159,12 @@
159 159  (% style="color:blue" %)**3. Click Install**
160 160  
161 161  
162 -[[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"]]
163 163  
164 164  
165 165  After the installation is successful, nodered will show the following node icon
166 166  
167 -[[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"]]
168 168  
169 169  
170 170  === 2.3.1 the line chart as an example ===
... ... @@ -176,17 +176,17 @@
176 176  
177 177  The demo uses 3 kinds. Voltage, temperature, humidity
178 178  
179 -[[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"]]
180 180  
181 181  
182 182  double click function
183 183  
184 -[[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"]]
185 185  
186 186  
187 187  Adjusted to 3, because we need to display 3 charts
188 188  
189 -[[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"]]
190 190  
191 191  
192 192  === 2.3.2 the chart settings ===
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

Applications

Navigation

Copyright ©2010-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0