Changes for page Node-RED_Install and Use

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

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.Xiaoling
1 +XWiki.Lu
Content
... ... @@ -1,355 +1,136 @@
1 1  (% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
2 - **Table of** **Contents：**
2 + **内容：**
3 3  
4 4  {{toc/}}
5 5  
6 += 安装 =
6 6  
8 +从此链接检查不同操作系统的安装说明：[[https :~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
7 7  
10 +== CENTOS 的安装示例 ==
8 8  
9 -= 1.  Installation =
12 +=== 安装 ===
10 10  
11 -
12 -Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13 -
14 -
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 -Reference Instruction from this link:  [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
25 -Run below commands and wait for installation complete.
16 +此链接的参考说明：   [[https>>https://github.com/node-red/linux-installers]]
17 +:~/~/github.com/node-red/linux-installers运行以下命令并等待安装完成。
26 26  )))
27 27  
28 -[[image:image-20220526161040-1.png]]
20 +[[image:image-20220519102228-2.png]]
29 29  
22 +**验证是否安装成功**
30 30  
31 -(% style="color:blue" %)**Verify if the installation was successful**
24 +在命令行界面输入node-red  
32 32  
33 -Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
26 +出现以下信息证明安装成功
34 34  
35 -The following information appears to prove that the installation has been successful
28 +[[image:image-20220519103318-3.png]]
36 36  
37 -[[image:image-20220526161103-2.png]]
38 38  
31 +=== 如果要将 Node-RED 作为后台进程启动 ===
39 39  
33 +在命令行界面输入 nohup node-red &
40 40  
41 -=== 1.1.2  If you want to start Node-RED as a background process ===
35 +启动后会提示
42 42  
43 -
44 -Type in the command line interface  (% style="color:red" %)**nohup node-red &**
45 -
46 -It will prompt after startup
47 -
48 48  [[image:image-20220519104601-5.png]]
49 49  
50 -After seeing the above information, press **enter**
39 +看到以上信息后，按回车
51 51  
52 -Type in the command line  exit
41 +输入命令行退出
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
43 +以上就是nodered的安装和启动过程。有什么不懂的可以去nodered官网看看。有各种系统的安装说明。地址顶部有链接
55 55  
45 +== 在 Dragino Gataway 中安装 ==
56 56  
57 57  
58 -== 1.2  Install in Dragino Gataway ==
48 += 使用 Node-RED =
59 59  
50 +== 登录 Node-RED 界面 ==
60 60  
61 -Dragino Gateway is already installed, no need for users to install it by themselves
52 +输入您的公共 IP 地址，后跟端口号 1880
62 62  
54 +例子：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
63 63  
56 +[[image:image-20220519104115-4.png||height="352" width="969"]]
64 64  
65 -= 2.  Use Node-RED =
66 66  
59 +== 添加流 ==
67 67  
68 -== 2.1  Login to Node-RED interface ==
61 +以NBSN95 mod1 UDP协议为例
69 69  
63 +登录界面后点击“+”创建流程
70 70  
71 -Enter your public IP address followed by the port number 1880
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"]]
72 72  
73 -example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
67 +重命名流
74 74  
75 -[[image:image-20220519104115-4.png||height="280" width="768"]]
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"]]
76 76  
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"]]
77 77  
78 -
79 -== 2.2  Add flow ==
80 -
81 -
82 -Take NBSN95 mod1 UDP protocol as an example
83 -
84 -After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
85 -
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"]]
87 -
88 -
89 -
90 -Rename the stream
91 -
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"]]
93 -
94 -
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 -
98 98  [[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"]]
99 99  
100 -Drag UDP into the editing area
75 +将UDP拖入编辑区
101 101  
102 -
103 -
104 104  [[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"]]
105 105  
79 +方法同上，拖拽函数和调试到编辑区
106 106  
107 -The same method as above, drag and drop functions and debug into the editing area
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"]]
108 108  
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"]]
83 +配置UDP
110 110  
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"]]
111 111  
87 +写入设备节点发送给服务器的UDP端口
112 112  
113 -configure UDP in
89 +示例 我的 UDP 设备节点发送到服务器端口 8585
90 +只需写入 8585
114 114  
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"]]
92 +请注意，不能使用已在使用的端口。如果接收失败，需要检查服务器的端口是否被占用。设备节点的发送端口不应使用服务器默认使用的端口，如8080等常用端口。
116 116  
94 +为了避免数据混淆，不同类型的节点不使用相同的UDP端口，因为不同的节点有不同的数据格式和不同的功能。
117 117  
118 -Write to the UDP port that the device node sends to the server
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"]]
119 119  
120 -Example My UDP device node sends to server port 8585
121 -just write 8585
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"]]
122 122  
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"]]
123 123  
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.**
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"]]
125 125  
104 +当节点发送数据成功后，会出现下图的效果
126 126  
127 -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.
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"]]
128 128  
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"]]
108 +=== 关于功能 ===
130 130  
110 +如果你熟悉JS代码，可以自己写
111 +如果你不熟悉，我们有每种节点的JS代码，你只需要复制粘贴进去
131 131  
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"]]
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"]]
133 133  
134 134  
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"]]
116 +== 传感器绘图图 ==
136 136  
137 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"]]
119 +== 存储价值 ==
139 139  
140 140  
122 +== 电子邮件通知 ==
141 141  
142 -When the node successfully sends data, the effect shown in the following figure will appear
143 143  
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"]]
125 += 输入流 =
145 145  
127 +== MQTT ==
146 146  
129 +== UDP ==
147 147  
148 -=== 2.2.1  About function ===
131 +== TCP ==
149 149  
133 +== 从 LoRaWAN 服务器 (TTN) 获取数据 ==
150 150  
151 -If you are familiar with JS code, you can write it yourself
152 -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
153 153  
154 -
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"]]
156 -
157 -
158 -
159 -== 2.3  Plot Chart for sensors ==
160 -
161 -
162 -If you need data visualization, please refer to the following
163 -
164 -
165 -[[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"]]
166 -
167 -
168 -
169 -(% style="color:blue" %)**1. Click Install
170 -2. Search the dashboard
171 -3. Click Install**
172 -
173 -
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 -
179 -After the installation is successful, nodered will show the following node icon
180 -
181 -[[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"]]
182 -
183 -
184 -
185 -=== 2.3.1  the line chart as an example ===
186 -
187 -
188 -Drag the line chart to the editing area
189 -
190 -Just drag and drop as many as you need, or you can copy
191 -
192 -The demo uses 3 kinds. Voltage, temperature, humidity
193 -
194 -
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 -
199 -double click function
200 -
201 -
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 -
206 -Adjusted to 3, because we need to display 3 charts
207 -
208 -
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"]]
210 -
211 -
212 -
213 -=== 2.3.2  the chart settings ===
214 -
215 -
216 -Double-click while setting up the node as above
217 -
218 -
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"]]
220 -
221 -
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"]]
223 -
224 -
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"]]
226 -
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 -
238 -After the display interface is defined for the first time, subsequent charts can directly select the display interface
239 -
240 -
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"]]
242 -
243 -​​​​​​
244 -
245 -[[image:image-20220525190106-3.png||height="575" width="724"]]
246 -
247 -
248 -
249 -Connect graph nodes to functions with lines
250 -
251 -Click to deploy
252 -
253 -
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 -
256 -Enter the server public IP + port 1880/ui
257 -
258 -example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
259 -
260 -
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 -
265 -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.
266 -
267 -
268 -
269 -== 2.4  Store Value ==
270 -
271 -
272 -Regarding storage, we recommend two ways.
273 -
274 -
275 -
276 -=== 2.4.1  1. Generate txt document directly ===
277 -
278 -
279 -Sample JSON file:链接转到示例JSON文件
280 -
281 -[[image:image-20220713102658-1.png||height="346" width="728"]]
282 -
283 -
284 -
285 -=== 2.4.2  2. Use sqlite database ===
286 -
287 -
288 -==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
289 -
290 -
291 -[[image:image-20220713111030-2.png||height="438" width="739"]]
292 -
293 -
294 -
295 -==== (% style="color:blue" %)**2.  After the installation is successful, the nodes in the picture will appear**(%%) ====
296 -
297 -
298 -[[image:image-20220713111200-3.png]]
299 -
300 -
301 -
302 -==== (% style="color:blue" %)**3.  Import sample flow**(%%) ====
303 -
304 -
305 -Refer to the import example below to import the sqlite example flow
306 -
307 -Download sample JSON file link: 链接
308 -
309 -
310 -
311 -= 3.  Input Flow =
312 -
313 -
314 -Directly import JSON files to generate flow
315 -
316 -Download the required JSON file through this link: 提供一个链接
317 -
318 -Take LHT65 as an example  (this node is already registered with TTN,MQTT protocol to connect)
319 -
320 -[[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"]]
321 -
322 -[[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"]]
323 -
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"]]
325 -
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"]]
327 -
328 -After the import is successful, change the MQTT in node to your TTN information
329 -
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"]]
331 -
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"]]
333 -
334 -
335 -
336 -Configure information consistent with your TTN
337 -
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"]]
339 -
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"]]
341 -
342 -
343 -
344 -API keys generated by the password for you
345 -
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"]]
347 -
348 -
349 -Topic modify it to the following format
350 -
351 -v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
352 -
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"]]
354 -
355 -After the modification is completed, click Deploy
136 += 例子 =
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-2022 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0