Summary

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

Details

Page properties

Content

...	...	@@ -146,6 +146,7 @@
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	+
149	149	[[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"]]
150	150
151	151
...	...	@@ -158,12 +158,18 @@
158	158
159	159	[[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"]]
160	160
161		-~1. Click Install
	162	+
	163	+
	164	+(% style="color:blue" %)**1. Click Install
162	162	2. Search the dashboard
163		-3. Click Install
	166	+3. Click Install**
164	164
	168	+
	169	+
165	165	[[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"]]
166	166
	172	+
	173	+
167	167	After the installation is successful, nodered will show the following node icon
168	168
169	169	[[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"]]
...	...	@@ -179,14 +179,21 @@
179	179
180	180	The demo uses 3 kinds. Voltage, temperature, humidity
181	181
	189	+
182	182	[[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"]]
183	183
	192	+
	193	+
184	184	double click function
185	185
	196	+
186	186	[[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"]]
187	187
	199	+
	200	+
188	188	Adjusted to 3, because we need to display 3 charts
189	189
	203	+
190	190	[[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"]]
191	191
192	192
...	...	@@ -196,28 +196,42 @@
196	196
197	197	Double-click while setting up the node as above
198	198
	213	+
199	199	[[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"]]
200	200
	216	+
201	201	[[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"]]
202	202
	219	+
203	203	[[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"]]
204	204
	222	+
205	205	[[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"]]
206	206
	225	+
207	207	[[image:image-20220525185746-2.png]]
208	208
	228	+
209	209	[[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"]]
210	210
	231	+
	232	+
211	211	After the display interface is defined for the first time, subsequent charts can directly select the display interface
212	212
213		-[[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"]]​​​​​​
214	214
	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	+
215	215	[[image:image-20220525190106-3.png]]
216	216
	242	+
	243	+
217	217	Connect graph nodes to functions with lines
218	218
219	219	Click to deploy
220	220
	248	+
221	221	[[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"]]
222	222
223	223	Enter the server public IP + port 1880/ui
...	...	@@ -224,6 +224,8 @@
224	224
225	225	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
226	226
	255	+
	256	+
227	227	[[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"]]
228	228
229	229	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.