Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 37.1 >
edited by Herong Lu
on 2022/07/13 11:33
To version < 20.1 >
edited by Herong Lu
on 2022/05/25 17:26
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -13,11 +13,11 @@
13 13  
14 14  (% class="box infomessage" %)
15 15  (((
16 -Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
16 +Reference Instruction from this link: ~_~_~_~_~_~_~_~_~_~_~_~_~_~__-
17 17  Run below commands and wait for installation complete.
18 18  )))
19 19  
20 -[[image:image-20220526161040-1.png]]
20 +[[image:image-20220519102228-2.png]]
21 21  
22 22  **Verify if the installation was successful**
23 23  
... ... @@ -25,7 +25,7 @@
25 25  
26 26  The following information appears to prove that the installation has been successful
27 27  
28 -[[image:image-20220526161103-2.png]]
28 +[[image:image-20220519103318-3.png]]
29 29  
30 30  
31 31  === If you want to start Node-RED as a background process ===
... ... @@ -53,196 +53,30 @@
53 53  
54 54  example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
55 55  
56 -[[image:image-20220519104115-4.png||height="352" width="969"]]
56 +[[image:image-20220519104115-4.png]]
57 57  
58 58  
59 -== Add flow ==
59 +== Add Sensor & Payload ==
60 60  
61 -Take NBSN95 mod1 UDP protocol as an example
62 62  
63 -After logging into the interface click '+' to create a flow
64 -
65 -[[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"]]
66 -
67 -Rename the stream
68 -
69 -[[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"]]
70 -
71 -[[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"]]
72 -
73 -[[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"]]
74 -
75 -Drag UDP into the editing area
76 -
77 -[[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"]]
78 -
79 -The same method as above, drag and drop functions and debug into the editing area
80 -
81 -[[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"]]
82 -
83 -configure UDP in
84 -
85 -[[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"]]
86 -
87 -Write to the UDP port that the device node sends to the server
88 -
89 -Example My UDP device node sends to server port 8585
90 -just write 8585
91 -
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.
93 -
94 -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.
95 -
96 -[[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"]]
97 -
98 -[[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"]]
99 -
100 -[[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"]]
101 -
102 -[[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"]]
103 -
104 -When the node successfully sends data, the effect shown in the following figure will appear
105 -
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 -
108 -=== About function ===
109 -
110 -If you are familiar with JS code, you can write it yourself
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 -
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 -
115 -
116 116  == Plot Chart for sensors ==
117 117  
118 -If you need data visualization, please refer to the following
119 119  
120 -[[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"]]
121 -
122 -~1. Click Install
123 -2. Search the dashboard
124 -3. Click Install
125 -
126 -[[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"]]
127 -
128 -After the installation is successful, nodered will show the following node icon
129 -
130 -[[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"]]
131 -
132 -=== the line chart as an example ===
133 -
134 -Drag the line chart to the editing area
135 -
136 -Just drag and drop as many as you need, or you can copy
137 -
138 -The demo uses 3 kinds. Voltage, temperature, humidity
139 -
140 -[[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"]]
141 -
142 -double click function
143 -
144 -[[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"]]
145 -
146 -Adjusted to 3, because we need to display 3 charts
147 -
148 -[[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"]]
149 -
150 -=== the chart settings ===
151 -
152 -Double-click while setting up the node as above
153 -
154 -[[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"]]
155 -
156 -[[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"]]
157 -
158 -[[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"]]
159 -
160 -[[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"]]
161 -
162 -[[image:image-20220525185746-2.png]]
163 -
164 -[[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"]]
165 -
166 -After the display interface is defined for the first time, subsequent charts can directly select the display interface
167 -
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"]]​​​​​​
169 -
170 -[[image:image-20220525190106-3.png]]
171 -
172 -Connect graph nodes to functions with lines
173 -
174 -Click to deploy
175 -
176 -[[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"]]
177 -
178 -Enter the server public IP + port 1880/ui
179 -
180 -example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
181 -
182 -[[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"]]
183 -
184 -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.
185 -
186 186  == Store Value ==
187 187  
188 -Regarding storage, we recommend two ways
189 189  
190 -=== 1.Generate txt document directly ===
191 -
192 -Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
193 -
194 -=== 2.Use sqlite database ===
195 -
196 -==== 1.Install SQLite ====
197 -
198 -[[image:image-20220713111030-2.png]]
199 -
200 -==== 2.After the installation is successful, the nodes in the picture will appear ====
201 -
202 -[[image:image-20220713111200-3.png]]
203 -
204 -==== 3.Import sample flow ====
205 -
206 -
207 207  == Email Notification ==
208 208  
209 209  
210 210  = Input Flow =
211 211  
212 -Directly import JSON files to generate flow
73 +== MQTT ==
213 213  
214 -Download the required JSON file through this link: 提供一个链接
75 +== UDP ==
215 215  
216 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
77 +== TCP ==
217 217  
218 -[[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"]]
79 +== Get data from LoRaWAN Server (TTN) ==
219 219  
220 -[[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"]]
221 221  
222 -[[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"]]
223 -
224 -[[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"]]
225 -
226 -After the import is successful, change the MQTT in node to your TTN information
227 -
228 -[[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"]]
229 -
230 -[[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"]]
231 -
232 -Configure information consistent with your TTN
233 -
234 -[[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"]]
235 -
236 -[[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"]]
237 -
238 -API keys generated by the password for you
239 -
240 -[[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"]]
241 -
242 -Topic modify it to the following format
243 -
244 -v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
245 -
246 -[[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"]]
247 -
248 -After the modification is completed, click Deploy
82 += Example =
image-20220525185630-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -30.1 KB
Content
image-20220525185746-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -44.2 KB
Content
image-20220525190106-3.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Lu
Size
... ... @@ -1,1 +1,0 @@
1 -43.8 KB
Content
image-20220526161040-1.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Xiaoling
Size
... ... @@ -1,1 +1,0 @@
1 -30.1 KB
Content
image-20220526161103-2.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.Xiaoling
Size
... ... @@ -1,1 +1,0 @@
1 -53.1 KB
Content
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-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0