Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 24.1 >
edited by Herong Lu
on 2022/05/25 19:01
To version < 37.4 >
edited by Xiaoling
on 2022/07/25 15:33
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Lu
1 +XWiki.Xiaoling
Content
... ... @@ -1,16 +1,24 @@
1 1  (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 - **Contents：**
2 + **Table of** **Contents：**
3 3  
4 4  {{toc/}}
5 5  
6 -= Installation =
7 7  
7 +
8 +
9 += 1.  Installation =
10 +
11 +
8 8  Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
9 9  
10 -== Install Example for CENTOS ==
11 11  
12 -=== Installation ===
13 13  
16 +== 1.1  Install Example for CENTOS ==
17 +
18 +
19 +=== 1.1.1  Installation ===
20 +
21 +
14 14  (% class="box infomessage" %)
15 15  (((
16 16  Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
... ... @@ -17,38 +17,46 @@
17 17  Run below commands and wait for installation complete.
18 18  )))
19 19  
20 -[[image:image-20220519102228-2.png]]
28 +[[image:image-20220526161040-1.png]]
21 21  
22 -**Verify if the installation was successful**
23 23  
24 -Type in the command line interface  node-red  
31 +(% style="color:blue" %)**Verify if the installation was successful**
25 25  
33 +Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34 +
26 26  The following information appears to prove that the installation has been successful
27 27  
28 -[[image:image-20220519103318-3.png]]
37 +[[image:image-20220526161103-2.png]]
29 29  
30 30  
31 -=== If you want to start Node-RED as a background process ===
32 32  
33 -Type in the command line interface  nohup node-red &
41 +=== 1.1.2  If you want to start Node-RED as a background process ===
34 34  
43 +
44 +Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 +
35 35  It will prompt after startup
36 36  
37 37  [[image:image-20220519104601-5.png]]
38 38  
39 -After seeing the above information, press enter
50 +After seeing the above information, press **enter**
40 40  
41 41  Type in the command line  exit
42 42  
43 43  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
44 44  
45 -== Install in Dragino Gataway ==
46 46  
47 47  
48 -= Use Node-RED =
58 +== 1.2  Install in Dragino Gataway ==
49 49  
50 -== Login to Node-RED interface ==
51 51  
61 +
62 += 2.  Use Node-RED =
63 +
64 +
65 +== 2.1  Login to Node-RED interface ==
66 +
67 +
52 52  Enter your public IP address followed by the port number 1880
53 53  
54 54  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
... ... @@ -56,8 +56,10 @@
56 56  [[image:image-20220519104115-4.png||height="352" width="969"]]
57 57  
58 58  
59 -== Add flow ==
60 60  
76 +== 2.2  Add flow ==
77 +
78 +
61 61  Take NBSN95 mod1 UDP protocol as an example
62 62  
63 63  After logging into the interface click '+' to create a flow
... ... @@ -105,8 +105,11 @@
105 105  
106 106  [[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"]]
107 107  
108 -=== About function ===
109 109  
127 +
128 +=== 2.2.1  About function ===
129 +
130 +
110 110  If you are familiar with JS code, you can write it yourself
111 111  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
112 112  
... ... @@ -113,24 +113,161 @@
113 113  [[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"]]
114 114  
115 115  
116 -== Plot Chart for sensors ==
117 117  
138 +== 2.3  Plot Chart for sensors ==
118 118  
119 -== Store Value ==
120 120  
141 +If you need data visualization, please refer to the following
121 121  
122 -== Email Notification ==
123 123  
144 +[[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"]]
124 124  
125 -= Input Flow =
146 +~1. Click Install
147 +2. Search the dashboard
148 +3. Click Install
126 126  
127 -== MQTT ==
150 +[[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"]]
128 128  
129 -== UDP ==
152 +After the installation is successful, nodered will show the following node icon
130 130  
131 -== TCP ==
154 +[[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"]]
132 132  
133 -== Get data from LoRaWAN Server (TTN) ==
134 134  
135 135  
136 -= Example =
158 +=== 2.3.1  the line chart as an example ===
159 +
160 +
161 +Drag the line chart to the editing area
162 +
163 +Just drag and drop as many as you need, or you can copy
164 +
165 +The demo uses 3 kinds. Voltage, temperature, humidity
166 +
167 +[[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"]]
168 +
169 +double click function
170 +
171 +[[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"]]
172 +
173 +Adjusted to 3, because we need to display 3 charts
174 +
175 +[[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"]]
176 +
177 +
178 +
179 +=== 2.3.2  the chart settings ===
180 +
181 +
182 +Double-click while setting up the node as above
183 +
184 +[[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"]]
185 +
186 +[[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"]]
187 +
188 +[[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"]]
189 +
190 +[[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"]]
191 +
192 +[[image:image-20220525185746-2.png]]
193 +
194 +[[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"]]
195 +
196 +After the display interface is defined for the first time, subsequent charts can directly select the display interface
197 +
198 +[[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"]]​​​​​​
199 +
200 +[[image:image-20220525190106-3.png]]
201 +
202 +Connect graph nodes to functions with lines
203 +
204 +Click to deploy
205 +
206 +[[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"]]
207 +
208 +Enter the server public IP + port 1880/ui
209 +
210 +example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
211 +
212 +[[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"]]
213 +
214 +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.
215 +
216 +
217 +
218 +== 2.4  Store Value ==
219 +
220 +
221 +Regarding storage, we recommend two ways
222 +
223 +
224 +
225 +=== 2.4.1  1. Generate txt document directly ===
226 +
227 +Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
228 +
229 +
230 +
231 +=== 2.4.2  2. Use sqlite database ===
232 +
233 +
234 +==== **1.  Install SQLite** ====
235 +
236 +
237 +[[image:image-20220713111030-2.png]]
238 +
239 +
240 +
241 +==== **2.  After the installation is successful, the nodes in the picture will appear** ====
242 +
243 +
244 +[[image:image-20220713111200-3.png]]
245 +
246 +
247 +
248 +==== **3.  Import sample flow** ====
249 +
250 +
251 +== 2.5  Email Notification ==
252 +
253 +
254 +
255 += 3.  Input Flow =
256 +
257 +
258 +Directly import JSON files to generate flow
259 +
260 +Download the required JSON file through this link: 提供一个链接
261 +
262 +Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
263 +
264 +[[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"]]
265 +
266 +[[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"]]
267 +
268 +[[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"]]
269 +
270 +[[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"]]
271 +
272 +After the import is successful, change the MQTT in node to your TTN information
273 +
274 +[[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"]]
275 +
276 +[[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"]]
277 +
278 +Configure information consistent with your TTN
279 +
280 +[[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"]]
281 +
282 +[[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"]]
283 +
284 +API keys generated by the password for you
285 +
286 +[[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"]]
287 +
288 +Topic modify it to the following format
289 +
290 +v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
291 +
292 +[[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"]]
293 +
294 +After the modification is completed, click Deploy
image-20220526161040-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +30.1 KB
Content
image-20220526161103-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Xiaoling
Size
... ... @@ -1,0 +1,1 @@
1 +53.1 KB
Content
image-20220713102658-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +84.2 KB
Content
image-20220713111030-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +48.9 KB
Content
image-20220713111200-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.Lu
Size
... ... @@ -1,0 +1,1 @@
1 +9.7 KB
Content

Applications

Navigation

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