Changes for page Node-RED_Install and Use

Last modified by Herong Lu on 2024/03/05 08:37
<
From version < 35.1 >
edited by Herong Lu
on 2022/07/13 11:12
To version < 37.8 >
edited by Xiaoling
on 2022/07/25 16:26
>
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]]
... ... @@ -19,36 +19,44 @@
19 19  
20 20  [[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 28  [[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,14 +56,18 @@
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 -After logging into the interface click '+' to create a flow
81 +After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
64 64  
65 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 66  
85 +
86 +
67 67  Rename the stream
68 68  
69 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"]]
... ... @@ -74,63 +74,92 @@
74 74  
75 75  Drag UDP into the editing area
76 76  
97 +
98 +
77 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 78  
101 +
79 79  The same method as above, drag and drop functions and debug into the editing area
80 80  
81 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 82  
106 +
107 +
83 83  configure UDP in
84 84  
85 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 86  
112 +
87 87  Write to the UDP port that the device node sends to the server
88 88  
89 89  Example My UDP device node sends to server port 8585
90 90  just write 8585
91 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 93  
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 +
94 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 95  
96 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 97  
126 +
98 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 99  
129 +
100 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 101  
132 +
102 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 103  
135 +
136 +
104 104  When the node successfully sends data, the effect shown in the following figure will appear
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  
142 +
143 +=== 2.2.1  About function ===
144 +
145 +
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  
149 +
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  
154 +== 2.3  Plot Chart for sensors ==
155 +
156 +
118 118  If you need data visualization, please refer to the following
119 119  
159 +
120 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 121  
122 -~1. Click Install
162 +
163 +
164 +(% style="color:blue" %)**1. Click Install
123 123  2. Search the dashboard
124 -3. Click Install
166 +3. Click Install**
125 125  
168 +
169 +
126 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 127  
172 +
173 +
128 128  After the installation is successful, nodered will show the following node icon
129 129  
130 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 131  
132 -=== the line chart as an example ===
133 133  
179 +
180 +=== 2.3.1  the line chart as an example ===
181 +
182 +
134 134  Drag the line chart to the editing area
135 135  
136 136  Just drag and drop as many as you need, or you can copy
... ... @@ -137,42 +137,66 @@
137 137  
138 138  The demo uses 3 kinds. Voltage, temperature, humidity
139 139  
189 +
140 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 141  
192 +
193 +
142 142  double click function
143 143  
196 +
144 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 145  
199 +
200 +
146 146  Adjusted to 3, because we need to display 3 charts
147 147  
203 +
148 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 149  
150 -=== the chart settings ===
151 151  
207 +
208 +=== 2.3.2  the chart settings ===
209 +
210 +
152 152  Double-click while setting up the node as above
153 153  
213 +
154 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 155  
216 +
156 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 157  
219 +
158 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 159  
222 +
160 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 161  
225 +
162 162  [[image:image-20220525185746-2.png]]
163 163  
228 +
164 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 165  
231 +
232 +
166 166  After the display interface is defined for the first time, subsequent charts can directly select the display interface
167 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 169  
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 +
170 170  [[image:image-20220525190106-3.png]]
171 171  
242 +
243 +
172 172  Connect graph nodes to functions with lines
173 173  
174 174  Click to deploy
175 175  
248 +
176 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 177  
178 178  Enter the server public IP + port 1880/ui
... ... @@ -179,18 +179,56 @@
179 179  
180 180  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
181 181  
255 +
256 +
182 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 183  
184 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 185  
186 -== Store Value ==
187 187  
188 188  
189 -== Email Notification ==
263 +== 2.4  Store Value ==
190 190  
191 191  
192 -= Input Flow =
266 +Regarding storage, we recommend two ways.
193 193  
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 +
194 194  Directly import JSON files to generate flow
195 195  
196 196  Download the required JSON file through this link: 提供一个链接
... ... @@ -228,14 +228,3 @@
228 228  [[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"]]
229 229  
230 230  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 =

Applications

Navigation

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