Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 37.7 >
edited by Xiaoling
on 2022/07/25 16:02
To version < 59.3 >
edited by Xiaoling
on 2024/01/04 11:05
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,19 +6,17 @@
6 6  
7 7  
8 8  
9 -= 1.  Installation =
9 += 1. Installation =
10 10  
11 11  
12 12  Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13 13  
14 14  
15 +== 1.1 Install Example for CENTOS ==
15 15  
16 -== 1.1  Install Example for CENTOS ==
17 +=== 1.1.1 Installation ===
17 17  
18 18  
19 -=== 1.1.1  Installation ===
20 -
21 -
22 22  (% class="box infomessage" %)
23 23  (((
24 24  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
... ... @@ -37,10 +37,9 @@
37 37  [[image:image-20220526161103-2.png]]
38 38  
39 39  
38 +=== 1.1.2 If you want to start Node-RED as a background process ===
40 40  
41 -=== 1.1.2  If you want to start Node-RED as a background process ===
42 42  
43 -
44 44  Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 45  
46 46  It will prompt after startup
... ... @@ -47,67 +47,74 @@
47 47  
48 48  [[image:image-20220519104601-5.png]]
49 49  
50 -After seeing the above information, press **enter**
47 +After seeing the above information, press **enter.**
51 51  
52 -Type in the command line  exit
49 +Type in the command line  exit.
53 53  
54 -The above is the installation and startup process of nodered. If you don't understand anything, you can go to the nodered official website. There are installation instructions for various systems. The address has a link at the top
51 +The above is the installation and startup process of nodered. If you don't understand anything, you can go to the nodered official website. There are installation instructions for various systems. The address has a link at the top.
55 55  
56 56  
54 +== 1.2 Install in Dragino Gataway ==
57 57  
58 -== 1.2  Install in Dragino Gataway ==
59 59  
57 +The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
60 60  
59 +* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
61 61  
62 -= 2.  Use Node-RED =
61 +Other gateway model doesn't support built-in Node-Red server.
63 63  
64 64  
65 -== 2.1  Login to Node-RED interface ==
64 += 2. General Use of  Node-RED =
66 66  
67 67  
67 +This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68 +
69 +
70 +== 2.1 Login to Node-RED interface ==
71 +
72 +
68 68  Enter your public IP address followed by the port number 1880
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"]]
77 +[[image:image-20220519104115-4.png||height="280" width="768"]]
73 73  
74 74  
80 +== 2.2 Add flow ==
75 75  
76 -== 2.2  Add flow ==
77 77  
78 -
79 79  Take NBSN95 mod1 UDP protocol as an example
80 80  
81 81  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"]]
87 +[[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  
85 85  
86 86  
87 87  Rename the stream
88 88  
89 -[[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"]]
93 +[[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"]]
90 90  
91 -[[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"]]
92 92  
96 +[[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"]]
97 +
98 +
93 93  [[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"]]
94 94  
95 95  Drag UDP into the editing area
96 96  
97 97  
98 -
99 99  [[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"]]
100 100  
101 101  
102 102  The same method as above, drag and drop functions and debug into the editing area
103 103  
104 -[[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"]]
109 +[[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"]]
105 105  
106 106  
107 -
108 108  configure UDP in
109 109  
110 -[[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"]]
114 +[[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"]]
111 111  
112 112  
113 113  Write to the UDP port that the device node sends to the server
... ... @@ -121,65 +121,58 @@
121 121  
122 122  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.
123 123  
124 -[[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"]]
128 +[[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"]]
125 125  
126 126  
127 -[[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"]]
131 +[[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"]]
128 128  
129 129  
130 -[[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"]]
134 +[[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"]]
131 131  
132 132  
133 -[[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"]]
137 +[[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"]]
134 134  
135 135  
136 -
137 137  When the node successfully sends data, the effect shown in the following figure will appear
138 138  
139 -[[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"]]
142 +[[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"]]
140 140  
141 141  
145 +=== 2.2.1 About function ===
142 142  
143 -=== 2.2.1  About function ===
144 144  
145 -
146 146  If you are familiar with JS code, you can write it yourself
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
149 +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  
151 +[[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"]]
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"]]
151 151  
154 +== 2.3 Plot Chart for sensors ==
152 152  
153 153  
154 -== 2.3  Plot Chart for sensors ==
155 -
156 -
157 157  If you need data visualization, please refer to the following
158 158  
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 162  
162 +(% style="color:blue" %)**1. Click Install**
163 163  
164 -(% style="color:blue" %)**1. Click Install
165 -2. Search the dashboard
166 -3. Click Install**
164 +(% style="color:blue" %)**2. Search the dashboard**
167 167  
166 +(% style="color:blue" %)**3. Click Install**
168 168  
169 169  
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"]]
169 +[[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"]]
171 171  
172 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"]]
177 177  
178 178  
177 +=== 2.3.1 the line chart as an example ===
179 179  
180 -=== 2.3.1  the line chart as an example ===
181 181  
182 -
183 183  Drag the line chart to the editing area
184 184  
185 185  Just drag and drop as many as you need, or you can copy
... ... @@ -187,7 +187,7 @@
187 187  The demo uses 3 kinds. Voltage, temperature, humidity
188 188  
189 189  
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"]]
187 +[[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"]]
191 191  
192 192  
193 193  
... ... @@ -194,7 +194,7 @@
194 194  double click function
195 195  
196 196  
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"]]
194 +[[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"]]
198 198  
199 199  
200 200  
... ... @@ -201,32 +201,31 @@
201 201  Adjusted to 3, because we need to display 3 charts
202 202  
203 203  
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"]]
201 +[[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"]]
205 205  
206 206  
204 +=== 2.3.2 the chart settings ===
207 207  
208 -=== 2.3.2  the chart settings ===
209 209  
210 -
211 211  Double-click while setting up the node as above
212 212  
213 213  
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"]]
210 +[[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"]]
215 215  
216 216  
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"]]
213 +[[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"]]
218 218  
219 219  
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"]]
216 +[[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"]]
221 221  
222 222  
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"]]
219 +[[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"]]
224 224  
225 225  
226 -[[image:image-20220525185746-2.png]]
222 +[[image:image-20220525185746-2.png||height="421" width="724"]]
227 227  
228 228  
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"]]
225 +[[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"]]
230 230  
231 231  
232 232  
... ... @@ -233,11 +233,11 @@
233 233  After the display interface is defined for the first time, subsequent charts can directly select the display interface
234 234  
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"]]
232 +[[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"]]
237 237  
238 238  ​​​​​​
239 239  
240 -[[image:image-20220525190106-3.png]]
236 +[[image:image-20220525190106-3.png||height="575" width="724"]]
241 241  
242 242  
243 243  
... ... @@ -246,7 +246,7 @@
246 246  Click to deploy
247 247  
248 248  
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"]]
245 +[[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"]]
250 250  
251 251  Enter the server public IP + port 1880/ui
252 252  
... ... @@ -254,86 +254,160 @@
254 254  
255 255  
256 256  
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"]]
253 +[[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"]]
258 258  
255 +
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.
260 260  
261 261  
259 +== 2.4 Store Value ==
262 262  
263 -== 2.4  Store Value ==
264 264  
262 +Regarding storage, we recommend two ways.
265 265  
266 -Regarding storage, we recommend two ways
267 267  
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
268 268  
269 269  
270 -=== 2.4.1  1. Generate txt document directly ===
268 +Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
271 271  
272 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
270 +[[image:image-20220713102658-1.png||height="346" width="728"]]
273 273  
274 274  
273 +=== 2.4.2 Method 2: Use sqlite database ===
275 275  
276 -=== 2.4.2  2. Use sqlite database ===
277 277  
276 +==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
278 278  
279 -==== **1.  Install SQLite** ====
280 280  
279 +[[image:image-20220713111030-2.png||height="438" width="739"]]
281 281  
282 -[[image:image-20220713111030-2.png]]
283 283  
284 284  
283 +==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
285 285  
286 -==== **2.  After the installation is successful, the nodes in the picture will appear** ====
287 287  
288 -
289 289  [[image:image-20220713111200-3.png]]
290 290  
291 291  
292 292  
293 -==== **3.  Import sample flow** ====
290 +==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
294 294  
295 295  
296 -== 2.5  Email Notification ==
293 +Refer to the import example below to import the sqlite example flow
297 297  
295 +Download sample JSON file link: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
298 298  
299 299  
300 -= 3.  Input Flow =
298 += 3. Import Input Flow for Dragino Sensors =
301 301  
302 302  
303 -Directly import JSON files to generate flow
301 +Dragino provides input flow examples for the sensors.
304 304  
305 -Download the required JSON file through this link: 提供一个链接
303 +User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
306 306  
307 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
305 +Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
308 308  
309 309  [[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"]]
310 310  
311 311  [[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"]]
312 312  
313 -[[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"]]
311 +[[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"]]
314 314  
315 -[[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"]]
313 +[[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"]]
316 316  
317 317  After the import is successful, change the MQTT in node to your TTN information
318 318  
319 -[[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"]]
317 +[[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"]]
320 320  
321 -[[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"]]
319 +[[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"]]
322 322  
321 +
322 +
323 323  Configure information consistent with your TTN
324 324  
325 -[[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"]]
325 +[[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"]]
326 326  
327 -[[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"]]
327 +[[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"]]
328 328  
329 +
330 +
329 329  API keys generated by the password for you
330 330  
331 -[[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"]]
333 +[[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"]]
332 332  
335 +
333 333  Topic modify it to the following format
334 334  
335 335  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
336 336  
337 -[[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"]]
340 +[[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"]]
338 338  
339 339  After the modification is completed, click Deploy
343 +
344 +
345 += 4. Add Dragino node =
346 +
347 +
348 +Please do not modify the code anywhere to avoid any exceptions
349 +
350 +The prerequisite is to install the Dragino node and the sqlite node dashboard node
351 +
352 +The echarts library is placed in the static file of node red
353 +
354 +Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
355 +
356 +Please download the general flow and echarts files from this link：[[https:~~/~~/www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0>>https://www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0]]
357 +
358 +
359 +== 4.1 Installing Dragino nodes ==
360 +
361 +
362 +[[image:image-20240104095739-1.png||height="662" width="662"]]
363 +
364 +[[image:image-20240104100026-2.png]]
365 +
366 +[[image:image-20240104100109-3.png]]
367 +
368 +
369 +== 4.2 Import General Flow ==
370 +
371 +
372 +[[image:image-20240104100340-4.png]]
373 +
374 +[[image:image-20240104100446-5.png||height="407" width="885"]]
375 +
376 +Please refer to the previous chapters for MQTT settings and sqlite installation settings
377 +
378 +
379 +== 4.3 Using flow ==
380 +
381 +
382 +Just double-click on the drag ino decoder node and select it from the dropdown menu
383 +
384 +Corresponding nodes are sufficient
385 +
386 +[[image:image-20240104100928-6.png||height="439" width="755"]]
387 +
388 +Setting the template node
389 +
390 +[[image:image-20240104101446-8.png]]
391 +
392 +When multiple nodes are needed in the same process
393 +
394 +[[image:image-20240104103636-1.png]]
395 +
396 +
397 +After setting up, select deployment
398 +
399 +[[image:image-20240104101346-7.png||height="242" width="724"]]
400 +
401 +Enter the server public IP + port 1880/ui
402 +
403 +example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
404 +
405 +You can see the UI display effect in the following picture
406 +
407 +[[image:image-20240104104931-2.png||height="737" width="1131"]]
408 +
409 +
image-20240104095739-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +47.2 KB
Content
image-20240104100026-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +34.4 KB
Content
image-20240104100109-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +19.2 KB
Content
image-20240104100340-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +61.1 KB
Content
image-20240104100446-5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +63.6 KB
Content
image-20240104100928-6.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +93.0 KB
Content
image-20240104101346-7.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +79.6 KB
Content
image-20240104101446-8.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +2.0 KB
Content
image-20240104102556-9.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +69.4 KB
Content
image-20240104103636-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +61.8 KB
Content
image-20240104104931-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +127.6 KB
Content

Applications

Navigation

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