Summary

• Page properties (1 modified, 0 added, 0 removed)
• Attachments (0 modified, 0 added, 12 removed)
  • image-20241119104939-8.png
  • image-20241119105123-9.png
  • image-20241119105623-10.png
  • image-20241119110335-11.png
  • image-20241119110539-12.png
  • image-20241119111420-13.png
  • image-20241119112519-14.png
  • image-20241119112928-15.png
  • image-20241119113522-16.png
  • image-20241119113742-17.png
  • image-20241119114103-18.png
  • image-20241119134533-19.png

Details

Page properties

Content

...	...	@@ -84,27 +84,27 @@
84	84
85	85	After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
86	86
87		-[[image:image-20241119101328-1.png||height="460" width="970"]]
	87	+[[image:image-20241119101328-1.png||height="450" width="949"]]
88	88
89	89	Rename the stream
90	90
91	91
92	92
93		-[[image:image-20241119101551-2.png||height="465" width="979"]]
	93	+[[image:image-20241119101551-2.png||height="455" width="958"]]
94	94
95	95
96	96	Drag UDP into the editing area
97	97
98		-[[image:image-20241119101952-3.png||height="466" width="983"]]
	98	+[[image:image-20241119101952-3.png||height="455" width="959"]]
99	99
100	100
101	101	The same method as above, drag and drop functions and debug into the editing area
102	102
103		-[[image:image-20241119102218-4.png||height="468" width="986"]]
	103	+[[image:image-20241119102218-4.png||height="456" width="961"]]
104	104
105	105	configure UDP in
106	106
107		-[[image:image-20241119103312-7.png||height="470" width="991"]]
	107	+[[image:image-20241119103312-7.png||height="458" width="965"]]
108	108
109	109
110	110	Write to the UDP port that the device node sends to the server
...	...	@@ -118,12 +118,21 @@
118	118
119	119	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.
120	120
121		-[[image:image-20241119105123-9.png||height="557" width="995"]]
	121	+[[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"]]
122	122
123	123
	124	+[[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"]]
	125	+
	126	+
	127	+[[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"]]
	128	+
	129	+
	130	+[[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"]]
	131	+
	132	+
124	124	When the node successfully sends data, the effect shown in the following figure will appear
125	125
126		-[[image:image-20241119104939-8.png||height="473" width="996"]]
	135	+[[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"]]
127	127
128	128
129	129	=== 2.2.1 About function ===
...	...	@@ -130,9 +130,9 @@
130	130
131	131
132	132	If you are familiar with JS code, you can write it yourself
133		-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.([[dragino-end-node-red-Flow>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/NBSN95.json]])
	142	+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.
134	134
135		-[[image:image-20241119112519-14.png||height="483" width="1018"]]
	144	+[[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"]]
136	136
137	137
138	138	== 2.3 Plot Chart for sensors ==
...	...	@@ -140,7 +140,7 @@
140	140
141	141	If you need data visualization, please refer to the following
142	142
143		-[[image:image-20241119112928-15.png||height="484" width="1020"]]
	152	+[[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"]]
144	144
145	145
146	146	(% style="color:blue" %)**1. Click Install**
...	...	@@ -150,12 +150,12 @@
150	150	(% style="color:blue" %)**3. Click Install**
151	151
152	152
153		-[[image:image-20241119110335-11.png||height="483" width="1018"]]
	162	+[[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"]]
154	154
155	155
156	156	After the installation is successful, nodered will show the following node icon
157	157
158		-[[image:image-20241119110539-12.png||height="484" width="1020"]]
	167	+[[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"]]
159	159
160	160
161	161	=== 2.3.1 the line chart as an example ===
...	...	@@ -167,17 +167,17 @@
167	167
168	168	The demo uses 3 kinds. Voltage, temperature, humidity
169	169
170		-[[image:image-20241119114103-18.png||height="422" width="889"]]
	179	+[[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"]]
171	171
172	172
173	173	double click function
174	174
175		-[[image:image-20241119113522-16.png||height="425" width="896"]]
	184	+[[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"]]
176	176
177	177
178	178	Adjusted to 3, because we need to display 3 charts
179	179
180		-[[image:image-20241119113742-17.png||height="427" width="899"]]
	189	+[[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"]]
181	181
182	182
183	183	=== 2.3.2 the chart settings ===

image-20241119104939-8.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-123.0 KB

Content

image-20241119105123-9.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-113.5 KB

Content

image-20241119105623-10.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-127.3 KB

Content

image-20241119110335-11.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-168.9 KB

Content

image-20241119110539-12.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-136.4 KB

Content

image-20241119111420-13.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-111.7 KB

Content

image-20241119112519-14.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-120.2 KB

Content

image-20241119112928-15.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-133.4 KB

Content

image-20241119113522-16.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-128.9 KB

Content

image-20241119113742-17.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-136.7 KB

Content

image-20241119114103-18.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-186.2 KB

Content

image-20241119134533-19.png

Author

...	...	@@ -1,1 +1,0 @@
1		-XWiki.ting

Size

...	...	@@ -1,1 +1,0 @@
1		-65.0 KB

Content