Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 37.3 >
edited by Xiaoling
on 2022/07/25 15:29
To version < 39.2 >
edited by Xiaoling
on 2022/08/09 10:37
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -27,25 +27,27 @@
27 27  
28 28  [[image:image-20220526161040-1.png]]
29 29  
30 -**Verify if the installation was successful**
31 31  
32 -Type in the command line interface  node-red  
31 +(% style="color:blue" %)**Verify if the installation was successful**
33 33  
33 +Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34 +
34 34  The following information appears to prove that the installation has been successful
35 35  
36 36  [[image:image-20220526161103-2.png]]
37 37  
38 38  
40 +
39 39  === 1.1.2  If you want to start Node-RED as a background process ===
40 40  
41 41  
42 -Type in the command line interface  nohup node-red &
44 +Type in the command line interface  (% style="color:red" %)**nohup node-red &**
43 43  
44 44  It will prompt after startup
45 45  
46 46  [[image:image-20220519104601-5.png]]
47 47  
48 -After seeing the above information, press enter
50 +After seeing the above information, press **enter**
49 49  
50 50  Type in the command line  exit
51 51  
... ... @@ -56,7 +56,10 @@
56 56  == 1.2  Install in Dragino Gataway ==
57 57  
58 58  
61 +Dragino Gateway is already installed, no need for users to install it by themselves
59 59  
63 +
64 +
60 60  = 2.  Use Node-RED =
61 61  
62 62  
... ... @@ -67,7 +67,7 @@
67 67  
68 68  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
69 69  
70 -[[image:image-20220519104115-4.png||height="352" width="969"]]
75 +[[image:image-20220519104115-4.png||height="280" width="768"]]
71 71  
72 72  
73 73  
... ... @@ -76,50 +76,67 @@
76 76  
77 77  Take NBSN95 mod1 UDP protocol as an example
78 78  
79 -After logging into the interface click '+' to create a flow
84 +After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
80 80  
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"]]
86 +[[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"]]
82 82  
88 +
89 +
83 83  Rename the stream
84 84  
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"]]
92 +[[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"]]
86 86  
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"]]
88 88  
95 +[[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"]]
96 +
97 +
89 89  [[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"]]
90 90  
91 91  Drag UDP into the editing area
92 92  
102 +
103 +
93 93  [[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"]]
94 94  
106 +
95 95  The same method as above, drag and drop functions and debug into the editing area
96 96  
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"]]
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"]]
98 98  
111 +
112 +
99 99  configure UDP in
100 100  
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 +[[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"]]
102 102  
117 +
103 103  Write to the UDP port that the device node sends to the server
104 104  
105 105  Example My UDP device node sends to server port 8585
106 106  just write 8585
107 107  
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.
109 109  
124 +(% 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.**
125 +
126 +
110 110  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.
111 111  
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 +[[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"]]
113 113  
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"]]
115 115  
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 +[[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"]]
117 117  
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"]]
119 119  
135 +[[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"]]
136 +
137 +
138 +[[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"]]
139 +
140 +
141 +
120 120  When the node successfully sends data, the effect shown in the following figure will appear
121 121  
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"]]
144 +[[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"]]
123 123  
124 124  
125 125  
... ... @@ -129,10 +129,11 @@
129 129  If you are familiar with JS code, you can write it yourself
130 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
131 131  
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"]]
133 133  
155 +[[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"]]
134 134  
135 135  
158 +
136 136  == 2.3  Plot Chart for sensors ==
137 137  
138 138  
... ... @@ -141,12 +141,18 @@
141 141  
142 142  [[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519152802-16.png?rev=1.1||alt="image-20220519152802-16.png"]]
143 143  
144 -~1. Click Install
167 +
168 +
169 +(% style="color:blue" %)**1. Click Install
145 145  2. Search the dashboard
146 -3. Click Install
171 +3. Click Install**
147 147  
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"]]
149 149  
174 +
175 +[[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"]]
176 +
177 +
178 +
150 150  After the installation is successful, nodered will show the following node icon
151 151  
152 152  [[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"]]
... ... @@ -162,53 +162,77 @@
162 162  
163 163  The demo uses 3 kinds. Voltage, temperature, humidity
164 164  
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"]]
166 166  
195 +[[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"]]
196 +
197 +
198 +
167 167  double click function
168 168  
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"]]
170 170  
202 +[[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"]]
203 +
204 +
205 +
171 171  Adjusted to 3, because we need to display 3 charts
172 172  
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"]]
174 174  
209 +[[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"]]
175 175  
176 176  
212 +
177 177  === 2.3.2  the chart settings ===
178 178  
179 179  
180 180  Double-click while setting up the node as above
181 181  
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"]]
183 183  
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"]]
219 +[[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"]]
185 185  
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"]]
187 187  
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"]]
222 +[[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"]]
189 189  
190 -[[image:image-20220525185746-2.png]]
191 191  
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"]]
225 +[[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"]]
193 193  
227 +
228 +[[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"]]
229 +
230 +
231 +[[image:image-20220525185746-2.png||height="421" width="724"]]
232 +
233 +
234 +[[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"]]
235 +
236 +
237 +
194 194  After the display interface is defined for the first time, subsequent charts can directly select the display interface
195 195  
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"]]​​​​​​
197 197  
198 -[[image:image-20220525190106-3.png]]
241 +[[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"]]
199 199  
243 +​​​​​​
244 +
245 +[[image:image-20220525190106-3.png||height="575" width="724"]]
246 +
247 +
248 +
200 200  Connect graph nodes to functions with lines
201 201  
202 202  Click to deploy
203 203  
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"]]
205 205  
254 +[[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"]]
255 +
206 206  Enter the server public IP + port 1880/ui
207 207  
208 208  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
209 209  
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"]]
211 211  
261 +
262 +[[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"]]
263 +
264 +
212 212  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.
213 213  
214 214  
... ... @@ -216,27 +216,30 @@
216 216  == 2.4  Store Value ==
217 217  
218 218  
219 -Regarding storage, we recommend two ways
272 +Regarding storage, we recommend two ways.
220 220  
221 221  
222 222  
223 223  === 2.4.1  1. Generate txt document directly ===
224 224  
225 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
226 226  
279 +Sample JSON file:链接转到示例JSON文件
227 227  
281 +[[image:image-20220713102658-1.png||height="346" width="728"]]
228 228  
283 +
284 +
229 229  === 2.4.2  2. Use sqlite database ===
230 230  
231 231  
232 -==== **1.  Install SQLite** ====
288 +==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
233 233  
234 234  
235 -[[image:image-20220713111030-2.png]]
291 +[[image:image-20220713111030-2.png||height="438" width="739"]]
236 236  
237 237  
238 238  
239 -==== **2.  After the installation is successful, the nodes in the picture will appear** ====
295 +==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
240 240  
241 241  
242 242  [[image:image-20220713111200-3.png]]
... ... @@ -243,13 +243,15 @@
243 243  
244 244  
245 245  
246 -==== **3.  Import sample flow** ====
302 +==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
247 247  
248 248  
249 -== 2.5  Email Notification ==
305 +Refer to the import example below to import the sqlite example flow
250 250  
307 +Download sample JSON file link: 链接
251 251  
252 252  
310 +
253 253  = 3.  Input Flow =
254 254  
255 255  
... ... @@ -263,30 +263,35 @@
263 263  
264 264  [[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"]]
265 265  
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"]]
324 +[[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"]]
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-20220524175935-6.png?rev=1.1||alt="image-20220524175935-6.png"]]
326 +[[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"]]
269 269  
270 270  After the import is successful, change the MQTT in node to your TTN information
271 271  
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"]]
330 +[[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"]]
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-20220524184521-2.png?rev=1.1||alt="image-20220524184521-2.png"]]
332 +[[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"]]
275 275  
334 +
335 +
276 276  Configure information consistent with your TTN
277 277  
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"]]
338 +[[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"]]
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-20220524192830-4.png?rev=1.1||alt="image-20220524192830-4.png"]]
340 +[[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"]]
281 281  
342 +
343 +
282 282  API keys generated by the password for you
283 283  
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"]]
346 +[[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"]]
285 285  
348 +
286 286  Topic modify it to the following format
287 287  
288 288  v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
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-20220524193258-6.png?rev=1.1||alt="image-20220524193258-6.png"]]
353 +[[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"]]
291 291  
292 292  After the modification is completed, click Deploy

Applications

Navigation

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