Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 37.8 >
edited by Xiaoling
on 2022/07/25 16:26
To version < 32.3 >
edited by Xiaoling
on 2022/05/26 16:17
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,24 +1,16 @@
1 1  (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 - **Table of** **Contents：**
2 + **Contents：**
3 3  
4 4  {{toc/}}
5 5  
6 += Installation =
6 6  
7 -
8 -
9 -= 1.  Installation =
10 -
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  
10 +== Install Example for CENTOS ==
14 14  
12 +=== Installation ===
15 15  
16 -== 1.1  Install Example for CENTOS ==
17 -
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]]
... ... @@ -27,44 +27,36 @@
27 27  
28 28  [[image:image-20220526161040-1.png]]
29 29  
22 +**Verify if the installation was successful**
30 30  
31 -(% style="color:blue" %)**Verify if the installation was successful**
24 +Type in the command line interface  node-red  
32 32  
33 -Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34 -
35 35  The following information appears to prove that the installation has been successful
36 36  
37 37  [[image:image-20220526161103-2.png]]
38 38  
39 39  
31 +=== 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 ===
33 +Type in the command line interface  nohup node-red &
42 42  
43 -
44 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 -
46 46  It will prompt after startup
47 47  
48 48  [[image:image-20220519104601-5.png]]
49 49  
50 -After seeing the above information, press **enter**
39 +After seeing the above information, press enter
51 51  
52 52  Type in the command line  exit
53 53  
54 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
55 55  
45 +== Install in Dragino Gataway ==
56 56  
57 57  
58 -== 1.2  Install in Dragino Gataway ==
48 += Use Node-RED =
59 59  
50 +== Login to Node-RED interface ==
60 60  
61 -
62 -= 2.  Use Node-RED =
63 -
64 -
65 -== 2.1  Login to Node-RED interface ==
66 -
67 -
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/]]
... ... @@ -72,18 +72,14 @@
72 72  [[image:image-20220519104115-4.png||height="352" width="969"]]
73 73  
74 74  
59 +== Add flow ==
75 75  
76 -== 2.2  Add flow ==
77 -
78 -
79 79  Take NBSN95 mod1 UDP protocol as an example
80 80  
81 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
63 +After logging into the interface click '+' to create a flow
82 82  
83 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"]]
84 84  
85 -
86 -
87 87  Rename the stream
88 88  
89 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"]]
... ... @@ -94,92 +94,63 @@
94 94  
95 95  Drag UDP into the editing area
96 96  
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 -
102 102  The same method as above, drag and drop functions and debug into the editing area
103 103  
104 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"]]
105 105  
106 -
107 -
108 108  configure UDP in
109 109  
110 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"]]
111 111  
112 -
113 113  Write to the UDP port that the device node sends to the server
114 114  
115 115  Example My UDP device node sends to server port 8585
116 116  just write 8585
117 117  
92 +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.
118 118  
119 -(% 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.**
120 -
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 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"]]
125 125  
126 -
127 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"]]
128 128  
129 -
130 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"]]
131 131  
132 -
133 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"]]
134 134  
135 -
136 -
137 137  When the node successfully sends data, the effect shown in the following figure will appear
138 138  
139 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"]]
140 140  
108 +=== About function ===
141 141  
142 -
143 -=== 2.2.1  About function ===
144 -
145 -
146 146  If you are familiar with JS code, you can write it yourself
147 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
148 148  
149 -
150 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  
152 152  
116 +== Plot Chart for sensors ==
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 -
163 -
164 -(% style="color:blue" %)**1. Click Install
122 +~1. Click Install
165 165  2. Search the dashboard
166 -3. Click Install**
124 +3. Click Install
167 167  
168 -
169 -
170 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"]]
171 171  
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  
132 +=== the line chart as an example ===
178 178  
179 -
180 -=== 2.3.1  the line chart as an example ===
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
... ... @@ -186,66 +186,42 @@
186 186  
187 187  The demo uses 3 kinds. Voltage, temperature, humidity
188 188  
189 -
190 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"]]
191 191  
192 -
193 -
194 194  double click function
195 195  
196 -
197 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"]]
198 198  
199 -
200 -
201 201  Adjusted to 3, because we need to display 3 charts
202 202  
203 -
204 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"]]
205 205  
150 +=== the chart settings ===
206 206  
207 -
208 -=== 2.3.2  the chart settings ===
209 -
210 -
211 211  Double-click while setting up the node as above
212 212  
213 -
214 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"]]
215 215  
216 -
217 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"]]
218 218  
219 -
220 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"]]
221 221  
222 -
223 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"]]
224 224  
225 -
226 226  [[image:image-20220525185746-2.png]]
227 227  
228 -
229 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"]]
230 230  
231 -
232 -
233 233  After the display interface is defined for the first time, subsequent charts can directly select the display interface
234 234  
168 +[[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"]]​​​​​​
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"]]
237 -
238 -​​​​​​
239 -
240 240  [[image:image-20220525190106-3.png]]
241 241  
242 -
243 -
244 244  Connect graph nodes to functions with lines
245 245  
246 246  Click to deploy
247 247  
248 -
249 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"]]
250 250  
251 251  Enter the server public IP + port 1880/ui
... ... @@ -252,56 +252,18 @@
252 252  
253 253  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
254 254  
255 -
256 -
257 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"]]
258 258  
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  
186 +== Store Value ==
261 261  
262 262  
263 -== 2.4  Store Value ==
189 +== Email Notification ==
264 264  
265 265  
266 -Regarding storage, we recommend two ways.
192 += Input Flow =
267 267  
268 -
269 -
270 -=== 2.4.1  1. Generate txt document directly ===
271 -
272 -
273 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
274 -
275 -
276 -
277 -=== 2.4.2  2. Use sqlite database ===
278 -
279 -
280 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
281 -
282 -
283 -[[image:image-20220713111030-2.png]]
284 -
285 -
286 -
287 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
288 -
289 -
290 -[[image:image-20220713111200-3.png]]
291 -
292 -
293 -
294 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
295 -
296 -
297 -
298 -== 2.5  Email Notification ==
299 -
300 -
301 -
302 -= 3.  Input Flow =
303 -
304 -
305 305  Directly import JSON files to generate flow
306 306  
307 307  Download the required JSON file through this link: 提供一个链接
... ... @@ -339,3 +339,14 @@
339 339  [[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 340  
341 341  After the modification is completed, click Deploy
231 +
232 +== MQTT ==
233 +
234 +== UDP ==
235 +
236 +== TCP ==
237 +
238 +== Get data from LoRaWAN Server (TTN) ==
239 +
240 +
241 += Example =
image-20220713102658-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -84.2 KB
Content
image-20220713111030-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -48.9 KB
Content
image-20220713111200-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -9.7 KB
Content

Applications

Navigation

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