Changes for page Node-RED_Install and Use

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

Summary

Details

Page properties
Content
... ... @@ -6,17 +6,19 @@
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 ==
16 16  
17 -=== 1.1.1 Installation ===
16 +== 1.1  Install Example for CENTOS ==
18 18  
19 19  
19 +=== 1.1.1  Installation ===
20 +
21 +
20 20  (% class="box infomessage" %)
21 21  (((
22 22  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
... ... @@ -25,158 +25,135 @@
25 25  
26 26  [[image:image-20220526161040-1.png]]
27 27  
30 +**Verify if the installation was successful**
28 28  
29 -(% style="color:blue" %)**Verify if the installation was successful**
32 +Type in the command line interface  node-red  
30 30  
31 -Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
32 -
33 33  The following information appears to prove that the installation has been successful
34 34  
35 35  [[image:image-20220526161103-2.png]]
36 36  
37 37  
38 -=== 1.1.2 If you want to start Node-RED as a background process ===
39 +=== 1.1.2  If you want to start Node-RED as a background process ===
39 39  
40 40  
41 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
42 +Type in the command line interface  nohup node-red &
42 42  
43 43  It will prompt after startup
44 44  
45 45  [[image:image-20220519104601-5.png]]
46 46  
47 -After seeing the above information, press **enter.**
48 +After seeing the above information, press enter
48 48  
49 -Type in the command line  exit.
50 +Type in the command line  exit
50 50  
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.
52 +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
52 52  
53 53  
54 -== 1.2 Install in Dragino Gataway ==
55 55  
56 +== 1.2  Install in Dragino Gataway ==
56 56  
57 -The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
58 58  
59 -* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
60 60  
61 -Other gateway model doesn't support built-in Node-Red server.
60 += 2.  Use Node-RED =
62 62  
63 63  
64 -= 2. General Use of  Node-RED =
63 +== 2.1  Login to Node-RED interface ==
65 65  
66 66  
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 -
73 73  Enter your public IP address followed by the port number 1880
74 74  
75 75  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
76 76  
77 -[[image:image-20220519104115-4.png||height="280" width="768"]]
70 +[[image:image-20220519104115-4.png||height="352" width="969"]]
78 78  
79 79  
80 -== 2.2 Add flow ==
81 81  
74 +== 2.2  Add flow ==
82 82  
76 +
83 83  Take NBSN95 mod1 UDP protocol as an example
84 84  
85 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
79 +After logging into the interface click '+' to create a flow
86 86  
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"]]
81 +[[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"]]
88 88  
89 -
90 -
91 91  Rename the stream
92 92  
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"]]
85 +[[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"]]
94 94  
87 +[[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"]]
95 95  
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 -
99 99  [[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"]]
100 100  
101 101  Drag UDP into the editing area
102 102  
103 -
104 104  [[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"]]
105 105  
106 -
107 107  The same method as above, drag and drop functions and debug into the editing area
108 108  
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"]]
97 +[[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"]]
110 110  
111 -
112 112  configure UDP in
113 113  
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"]]
101 +[[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"]]
115 115  
116 -
117 117  Write to the UDP port that the device node sends to the server
118 118  
119 119  Example My UDP device node sends to server port 8585
120 120  just write 8585
121 121  
108 +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.
122 122  
123 -(% 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.**
124 -
125 -
126 126  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.
127 127  
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"]]
112 +[[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"]]
129 129  
114 +[[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"]]
130 130  
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"]]
116 +[[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"]]
132 132  
118 +[[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"]]
133 133  
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"]]
135 -
136 -
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"]]
138 -
139 -
140 140  When the node successfully sends data, the effect shown in the following figure will appear
141 141  
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"]]
122 +[[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"]]
143 143  
144 144  
145 -=== 2.2.1 About function ===
146 146  
126 +=== 2.2.1  About function ===
147 147  
128 +
148 148  If you are familiar with JS code, you can write it yourself
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.
130 +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
150 150  
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"]]
132 +[[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"]]
152 152  
153 153  
154 -== 2.3 Plot Chart for sensors ==
155 155  
136 +== 2.3  Plot Chart for sensors ==
156 156  
138 +
157 157  If you need data visualization, please refer to the following
158 158  
141 +
159 159  [[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"]]
160 160  
144 +~1. Click Install
145 +2. Search the dashboard
146 +3. Click Install
161 161  
162 -(% style="color:blue" %)**1. Click Install**
148 +[[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"]]
163 163  
164 -(% style="color:blue" %)**2. Search the dashboard**
165 -
166 -(% style="color:blue" %)**3. Click Install**
167 -
168 -
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"]]
170 -
171 -
172 172  After the installation is successful, nodered will show the following node icon
173 173  
174 174  [[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"]]
175 175  
176 176  
177 -=== 2.3.1 the line chart as an example ===
178 178  
156 +=== 2.3.1  the line chart as an example ===
179 179  
158 +
180 180  Drag the line chart to the editing area
181 181  
182 182  Just drag and drop as many as you need, or you can copy
... ... @@ -183,227 +183,131 @@
183 183  
184 184  The demo uses 3 kinds. Voltage, temperature, humidity
185 185  
165 +[[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"]]
186 186  
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"]]
188 -
189 -
190 -
191 191  double click function
192 192  
169 +[[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"]]
193 193  
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"]]
195 -
196 -
197 -
198 198  Adjusted to 3, because we need to display 3 charts
199 199  
173 +[[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"]]
200 200  
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"]]
202 202  
203 203  
204 -=== 2.3.2 the chart settings ===
177 +=== 2.3.2  the chart settings ===
205 205  
206 206  
207 207  Double-click while setting up the node as above
208 208  
182 +[[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"]]
209 209  
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"]]
184 +[[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"]]
211 211  
186 +[[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"]]
212 212  
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"]]
188 +[[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"]]
214 214  
190 +[[image:image-20220525185746-2.png]]
215 215  
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"]]
192 +[[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"]]
217 217  
218 -
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"]]
220 -
221 -
222 -[[image:image-20220525185746-2.png||height="421" width="724"]]
223 -
224 -
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"]]
226 -
227 -
228 -
229 229  After the display interface is defined for the first time, subsequent charts can directly select the display interface
230 230  
196 +[[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"]]​​​​​​
231 231  
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"]]
198 +[[image:image-20220525190106-3.png]]
233 233  
234 -​​​​​​
235 -
236 -[[image:image-20220525190106-3.png||height="575" width="724"]]
237 -
238 -
239 -
240 240  Connect graph nodes to functions with lines
241 241  
242 242  Click to deploy
243 243  
204 +[[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"]]
244 244  
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"]]
246 -
247 247  Enter the server public IP + port 1880/ui
248 248  
249 249  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
250 250  
210 +[[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"]]
251 251  
252 -
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"]]
254 -
255 -
256 256  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.
257 257  
258 258  
259 -== 2.4 Store Value ==
260 260  
216 +== 2.4  Store Value ==
261 261  
262 -Regarding storage, we recommend two ways.
263 263  
219 +Regarding storage, we recommend two ways
264 264  
265 -=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
266 266  
267 267  
268 -Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
223 +=== 2.4.1  1. Generate txt document directly ===
269 269  
270 -[[image:image-20220713102658-1.png||height="346" width="728"]]
225 +Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
271 271  
272 272  
273 -=== 2.4.2 Method 2: Use sqlite database ===
274 274  
229 +=== 2.4.2  2. Use sqlite database ===
275 275  
276 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
277 277  
232 +==== **1.  Install SQLite** ====
278 278  
279 -[[image:image-20220713111030-2.png||height="438" width="739"]]
280 280  
235 +[[image:image-20220713111030-2.png]]
281 281  
282 282  
283 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
284 284  
239 +==== **2.  After the installation is successful, the nodes in the picture will appear** ====
285 285  
241 +
286 286  [[image:image-20220713111200-3.png]]
287 287  
288 288  
289 289  
290 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
246 +==== **3.  Import sample flow** ====
291 291  
292 292  
293 -Refer to the import example below to import the sqlite example flow
249 +== 2.5  Email Notification ==
294 294  
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]]
296 296  
297 297  
298 -= 3. Import Input Flow for Dragino Sensors =
253 += 3.  Input Flow =
299 299  
300 300  
301 -Dragino provides input flow examples for the sensors.
256 +Directly import JSON files to generate flow
302 302  
303 -User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
258 +Download the required JSON file through this link: 提供一个链接
304 304  
305 -Take LHT65 as an example  (Assume this node is already registered with TTN, MQTT protocol to connect)
260 +Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
306 306  
307 307  [[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"]]
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-20220524175814-4.png?rev=1.1||alt="image-20220524175814-4.png"]]
310 310  
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"]]
266 +[[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"]]
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-20220524175935-6.png?rev=1.1||alt="image-20220524175935-6.png" height="568" width="768"]]
268 +[[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"]]
314 314  
315 315  After the import is successful, change the MQTT in node to your TTN information
316 316  
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"]]
272 +[[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"]]
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-20220524184521-2.png?rev=1.1||alt="image-20220524184521-2.png" height="648" width="773"]]
274 +[[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"]]
320 320  
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" height="349" width="758"]]
278 +[[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"]]
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" height="376" width="758"]]
280 +[[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"]]
328 328  
329 -
330 -
331 331  API keys generated by the password for you
332 332  
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"]]
284 +[[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"]]
334 334  
335 -
336 336  Topic modify it to the following format
337 337  
338 338  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
339 339  
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"]]
290 +[[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"]]
341 341  
342 342  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,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -47.2 KB
Content
image-20240104100026-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -34.4 KB
Content
image-20240104100109-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -19.2 KB
Content
image-20240104100340-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -61.1 KB
Content
image-20240104100446-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -63.6 KB
Content
image-20240104100928-6.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -93.0 KB
Content
image-20240104101346-7.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -79.6 KB
Content
image-20240104101446-8.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -2.0 KB
Content
image-20240104102556-9.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -69.4 KB
Content
image-20240104103636-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -61.8 KB
Content
image-20240104104931-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -127.6 KB
Content

Applications

Navigation

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