Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -78,12 +78,10 @@
78	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
	81	+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,46 +94,33 @@
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
	110	+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"]]
...	...	@@ -146,7 +146,6 @@
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
...	...	@@ -159,18 +159,12 @@
159	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
	146	+~1. Click Install
165	165	2. Search the dashboard
166		-3. Click Install**
	148	+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"]]
...	...	@@ -186,21 +186,14 @@
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
206	206
...	...	@@ -210,42 +210,28 @@
210	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
	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"]]​​​​​​
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,8 +252,6 @@
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.