<
From version < 37.4 >
edited by Xiaoling
on 2022/07/25 15:33
To version < 40.1 >
edited by Edwin Chen
on 2022/09/02 15:24
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Xiaoling
1 +XWiki.Edwin
Content
... ... @@ -58,10 +58,16 @@
58 58  == 1.2  Install in Dragino Gataway ==
59 59  
60 60  
61 +Dragino Gateway is already installed, no need for users to install it by themselves.
61 61  
62 -= 2.  Use Node-RED =
63 63  
64 64  
65 += 2.  General Use of  Node-RED =
66 +
67 +
68 +This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
69 +
70 +
65 65  == 2.1  Login to Node-RED interface ==
66 66  
67 67  
... ... @@ -69,7 +69,7 @@
69 69  
70 70  example:[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
71 71  
72 -[[image:image-20220519104115-4.png||height="352" width="969"]]
78 +[[image:image-20220519104115-4.png||height="280" width="768"]]
73 73  
74 74  
75 75  
... ... @@ -78,50 +78,67 @@
78 78  
79 79  Take NBSN95 mod1 UDP protocol as an example
80 80  
81 -After logging into the interface click '+' to create a flow
87 +After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
82 82  
83 -[[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"]]
89 +[[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"]]
84 84  
91 +
92 +
85 85  Rename the stream
86 86  
87 -[[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"]]
95 +[[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"]]
88 88  
89 -[[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"]]
90 90  
98 +[[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"]]
99 +
100 +
91 91  [[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"]]
92 92  
93 93  Drag UDP into the editing area
94 94  
105 +
106 +
95 95  [[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"]]
96 96  
109 +
97 97  The same method as above, drag and drop functions and debug into the editing area
98 98  
99 -[[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"]]
112 +[[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"]]
100 100  
114 +
115 +
101 101  configure UDP in
102 102  
103 -[[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"]]
118 +[[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"]]
104 104  
120 +
105 105  Write to the UDP port that the device node sends to the server
106 106  
107 107  Example My UDP device node sends to server port 8585
108 108  just write 8585
109 109  
110 -Note that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.
111 111  
127 +(% style="color:red" %)**Note: that the port that is already in use cannot be used. If the receiving fails, you need to check whether the port of the server is occupied. The sending port of the device node should not use the default port used by the server, such as a common port such as 8080.**
128 +
129 +
112 112  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.
113 113  
114 -[[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"]]
132 +[[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"]]
115 115  
116 -[[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"]]
117 117  
118 -[[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"]]
135 +[[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"]]
119 119  
120 -[[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  
138 +[[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"]]
139 +
140 +
141 +[[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"]]
142 +
143 +
144 +
122 122  When the node successfully sends data, the effect shown in the following figure will appear
123 123  
124 -[[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"]]
147 +[[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 125  
126 126  
127 127  
... ... @@ -131,10 +131,11 @@
131 131  If you are familiar with JS code, you can write it yourself
132 132  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 133  
134 -[[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"]]
135 135  
158 +[[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  
161 +
138 138  == 2.3  Plot Chart for sensors ==
139 139  
140 140  
... ... @@ -143,12 +143,18 @@
143 143  
144 144  [[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"]]
145 145  
146 -~1. Click Install
170 +
171 +
172 +(% style="color:blue" %)**1. Click Install
147 147  2. Search the dashboard
148 -3. Click Install
174 +3. Click Install**
149 149  
150 -[[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"]]
151 151  
177 +
178 +[[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"]]
179 +
180 +
181 +
152 152  After the installation is successful, nodered will show the following node icon
153 153  
154 154  [[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"]]
... ... @@ -164,53 +164,77 @@
164 164  
165 165  The demo uses 3 kinds. Voltage, temperature, humidity
166 166  
167 -[[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"]]
168 168  
198 +[[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"]]
199 +
200 +
201 +
169 169  double click function
170 170  
171 -[[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"]]
172 172  
205 +[[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"]]
206 +
207 +
208 +
173 173  Adjusted to 3, because we need to display 3 charts
174 174  
175 -[[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"]]
176 176  
212 +[[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"]]
177 177  
178 178  
215 +
179 179  === 2.3.2  the chart settings ===
180 180  
181 181  
182 182  Double-click while setting up the node as above
183 183  
184 -[[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"]]
185 185  
186 -[[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"]]
222 +[[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"]]
187 187  
188 -[[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"]]
189 189  
190 -[[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"]]
225 +[[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"]]
191 191  
192 -[[image:image-20220525185746-2.png]]
193 193  
194 -[[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"]]
228 +[[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"]]
195 195  
230 +
231 +[[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"]]
232 +
233 +
234 +[[image:image-20220525185746-2.png||height="421" width="724"]]
235 +
236 +
237 +[[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"]]
238 +
239 +
240 +
196 196  After the display interface is defined for the first time, subsequent charts can directly select the display interface
197 197  
198 -[[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"]]​​​​​​
199 199  
200 -[[image:image-20220525190106-3.png]]
244 +[[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"]]
201 201  
246 +​​​​​​
247 +
248 +[[image:image-20220525190106-3.png||height="575" width="724"]]
249 +
250 +
251 +
202 202  Connect graph nodes to functions with lines
203 203  
204 204  Click to deploy
205 205  
206 -[[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"]]
207 207  
257 +[[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"]]
258 +
208 208  Enter the server public IP + port 1880/ui
209 209  
210 210  example:[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
211 211  
212 -[[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"]]
213 213  
264 +
265 +[[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"]]
266 +
267 +
214 214  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.
215 215  
216 216  
... ... @@ -218,27 +218,30 @@
218 218  == 2.4  Store Value ==
219 219  
220 220  
221 -Regarding storage, we recommend two ways
275 +Regarding storage, we recommend two ways.
222 222  
223 223  
224 224  
225 225  === 2.4.1  1. Generate txt document directly ===
226 226  
227 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
228 228  
282 +Sample JSON file:链接转到示例JSON文件
229 229  
284 +[[image:image-20220713102658-1.png||height="346" width="728"]]
230 230  
286 +
287 +
231 231  === 2.4.2  2. Use sqlite database ===
232 232  
233 233  
234 -==== **1.  Install SQLite** ====
291 +==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
235 235  
236 236  
237 -[[image:image-20220713111030-2.png]]
294 +[[image:image-20220713111030-2.png||height="438" width="739"]]
238 238  
239 239  
240 240  
241 -==== **2.  After the installation is successful, the nodes in the picture will appear** ====
298 +==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
242 242  
243 243  
244 244  [[image:image-20220713111200-3.png]]
... ... @@ -245,50 +245,57 @@
245 245  
246 246  
247 247  
248 -==== **3.  Import sample flow** ====
305 +==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
249 249  
250 250  
251 -== 2.5  Email Notification ==
308 +Refer to the import example below to import the sqlite example flow
252 252  
310 +Download sample JSON file link: 链接
253 253  
254 254  
255 -= 3.  Input Flow =
256 256  
314 += 3.  Import Input Flow for Dragino Sensors =
257 257  
258 -Directly import JSON files to generate flow
259 259  
260 -Download the required JSON file through this link: 提供一个链接
317 +Dragino provides input flow examples for the sensors.
261 261  
262 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
263 263  
321 +Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
322 +
264 264  [[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"]]
265 265  
266 266  [[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"]]
267 267  
268 -[[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"]]
327 +[[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"]]
269 269  
270 -[[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"]]
329 +[[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"]]
271 271  
272 272  After the import is successful, change the MQTT in node to your TTN information
273 273  
274 -[[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"]]
333 +[[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"]]
275 275  
276 -[[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"]]
335 +[[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"]]
277 277  
337 +
338 +
278 278  Configure information consistent with your TTN
279 279  
280 -[[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"]]
341 +[[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"]]
281 281  
282 -[[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"]]
343 +[[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"]]
283 283  
345 +
346 +
284 284  API keys generated by the password for you
285 285  
286 -[[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"]]
349 +[[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"]]
287 287  
351 +
288 288  Topic modify it to the following format
289 289  
290 290  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
291 291  
292 -[[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"]]
356 +[[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"]]
293 293  
294 294  After the modification is completed, click Deploy
Copyright ©2010-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0