Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 37.6 >
edited by Xiaoling
on 2022/07/25 15:41
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,63 +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  
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 ===
177 177  
178 -=== 2.3.1  the line chart as an example ===
179 179  
180 -
181 181  Drag the line chart to the editing area
182 182  
183 183  Just drag and drop as many as you need, or you can copy
... ... @@ -184,131 +184,227 @@
184 184  
185 185  The demo uses 3 kinds. Voltage, temperature, humidity
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"]]
188 188  
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 +
189 189  double click function
190 190  
191 -[[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"]]
192 192  
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 +
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"]]
196 196  
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"]]
197 197  
198 198  
199 -=== 2.3.2  the chart settings ===
204 +=== 2.3.2 the chart settings ===
200 200  
201 201  
202 202  Double-click while setting up the node as above
203 203  
204 -[[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"]]
205 205  
206 -[[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"]]
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"]]
207 207  
208 -[[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"]]
209 209  
210 -[[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"]]
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"]]
211 211  
212 -[[image:image-20220525185746-2.png]]
213 213  
214 -[[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"]]
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"]]
215 215  
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 +
216 216  After the display interface is defined for the first time, subsequent charts can directly select the display interface
217 217  
218 -[[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"]]​​​​​​
219 219  
220 -[[image:image-20220525190106-3.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"]]
221 221  
234 +​​​​​​
235 +
236 +[[image:image-20220525190106-3.png||height="575" width="724"]]
237 +
238 +
239 +
222 222  Connect graph nodes to functions with lines
223 223  
224 224  Click to deploy
225 225  
226 -[[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"]]
227 227  
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 +
228 228  Enter the server public IP + port 1880/ui
229 229  
230 230  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
231 231  
232 -[[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"]]
233 233  
234 -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.
235 235  
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"]]
236 236  
237 237  
238 -== 2.4  Store Value ==
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.
239 239  
240 240  
241 -Regarding storage, we recommend two ways
259 +== 2.4 Store Value ==
242 242  
243 243  
262 +Regarding storage, we recommend two ways.
244 244  
245 -=== 2.4.1  1. Generate txt document directly ===
246 246  
247 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
265 +=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
248 248  
249 249  
268 +Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
250 250  
251 -=== 2.4.2  2. Use sqlite database ===
270 +[[image:image-20220713102658-1.png||height="346" width="728"]]
252 252  
253 253  
254 -==== **1.  Install SQLite** ====
273 +=== 2.4.2 Method 2: Use sqlite database ===
255 255  
256 256  
257 -[[image:image-20220713111030-2.png]]
276 +==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
258 258  
259 259  
279 +[[image:image-20220713111030-2.png||height="438" width="739"]]
260 260  
261 -==== **2.  After the installation is successful, the nodes in the picture will appear** ====
262 262  
263 263  
283 +==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
284 +
285 +
264 264  [[image:image-20220713111200-3.png]]
265 265  
266 266  
267 267  
268 -==== **3.  Import sample flow** ====
290 +==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
269 269  
270 270  
271 -== 2.5  Email Notification ==
293 +Refer to the import example below to import the sqlite example flow
272 272  
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]]
273 273  
274 274  
275 -= 3.  Input Flow =
298 += 3. Import Input Flow for Dragino Sensors =
276 276  
277 277  
278 -Directly import JSON files to generate flow
301 +Dragino provides input flow examples for the sensors.
279 279  
280 -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]].
281 281  
282 -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)
283 283  
284 284  [[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"]]
285 285  
286 286  [[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"]]
287 287  
288 -[[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"]]
289 289  
290 -[[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"]]
291 291  
292 292  After the import is successful, change the MQTT in node to your TTN information
293 293  
294 -[[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"]]
295 295  
296 -[[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"]]
297 297  
321 +
322 +
298 298  Configure information consistent with your TTN
299 299  
300 -[[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"]]
301 301  
302 -[[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"]]
303 303  
329 +
330 +
304 304  API keys generated by the password for you
305 305  
306 -[[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"]]
307 307  
335 +
308 308  Topic modify it to the following format
309 309  
310 310  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
311 311  
312 -[[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"]]
313 313  
314 314  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-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0