Summary

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

Details

Page properties

Content

...	...	@@ -6,15 +6,15 @@
6	6
7	7
8	8
9		-= 1.  Installation =
	9	+= 1. Installation =
10	10
11	11
12	12	Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
13	13
14	14
15		-== 1.1  Install Example for CENTOS ==
	15	+== 1.1 Install Example for CENTOS ==
16	16
17		-=== 1.1.1  Installation ===
	17	+=== 1.1.1 Installation ===
18	18
19	19
20	20	(% class="box infomessage" %)
...	...	@@ -35,7 +35,7 @@
35	35	[[image:image-20220526161103-2.png]]
36	36
37	37
38		-=== 1.1.2  If you want to start Node-RED as a background process ===
	38	+=== 1.1.2 If you want to start Node-RED as a background process ===
39	39
40	40
41	41	Type in the command line interface  (% style="color:red" %)**nohup node-red &**
...	...	@@ -51,7 +51,7 @@
51	51	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.
52	52
53	53
54		-== 1.2  Install in Dragino Gataway ==
	54	+== 1.2 Install in Dragino Gataway ==
55	55
56	56
57	57	The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
...	...	@@ -61,13 +61,13 @@
61	61	Other gateway model doesn't support built-in Node-Red server.
62	62
63	63
64		-= 2.  General Use of  Node-RED =
	64	+= 2. General Use of  Node-RED =
65	65
66	66
67	67	This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
68	68
69	69
70		-== 2.1  Login to Node-RED interface ==
	70	+== 2.1 Login to Node-RED interface ==
71	71
72	72
73	73	Enter your public IP address followed by the port number 1880
...	...	@@ -77,7 +77,7 @@
77	77	[[image:image-20220519104115-4.png||height="280" width="768"]]
78	78
79	79
80		-== 2.2  Add flow ==
	80	+== 2.2 Add flow ==
81	81
82	82
83	83	Take NBSN95 mod1 UDP protocol as an example
...	...	@@ -101,7 +101,6 @@
101	101	Drag UDP into the editing area
102	102
103	103
104		-
105	105	[[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"]]
106	106
107	107
...	...	@@ -110,7 +110,6 @@
110	110	[[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"]]
111	111
112	112
113		-
114	114	configure UDP in
115	115
116	116	[[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"]]
...	...	@@ -139,32 +139,28 @@
139	139	[[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"]]
140	140
141	141
142		-
143	143	When the node successfully sends data, the effect shown in the following figure will appear
144	144
145	145	[[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"]]
146	146
147	147
148		-=== 2.2.1  About function ===
	145	+=== 2.2.1 About function ===
149	149
150	150
151	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
	149	+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	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	156
157	157
158		-== 2.3  Plot Chart for sensors ==
	154	+== 2.3 Plot Chart for sensors ==
159	159
160	160
161	161	If you need data visualization, please refer to the following
162	162
163		-
164	164	[[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"]]
165	165
166	166
167		-
168	168	(% style="color:blue" %)**1. Click Install**
169	169
170	170	(% style="color:blue" %)**2. Search the dashboard**
...	...	@@ -172,17 +172,15 @@
172	172	(% style="color:blue" %)**3. Click Install**
173	173
174	174
175		-
176	176	[[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"]]
177	177
178	178
179		-
180	180	After the installation is successful, nodered will show the following node icon
181	181
182	182	[[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"]]
183	183
184	184
185		-=== 2.3.1  the line chart as an example ===
	177	+=== 2.3.1 the line chart as an example ===
186	186
187	187
188	188	Drag the line chart to the editing area
...	...	@@ -209,7 +209,7 @@
209	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	210
211	211
212		-=== 2.3.2  the chart settings ===
	204	+=== 2.3.2 the chart settings ===
213	213
214	214
215	215	Double-click while setting up the node as above
...	...	@@ -264,13 +264,13 @@
264	264	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.
265	265
266	266
267		-== 2.4  Store Value ==
	259	+== 2.4 Store Value ==
268	268
269	269
270	270	Regarding storage, we recommend two ways.
271	271
272	272
273		-=== 2.4.1  1. Generate txt document directly ===
	265	+=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
274	274
275	275
276	276	Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
...	...	@@ -278,7 +278,7 @@
278	278	[[image:image-20220713102658-1.png||height="346" width="728"]]
279	279
280	280
281		-=== 2.4.2  2. Use sqlite database ===
	273	+=== 2.4.2 Method 2: Use sqlite database ===
282	282
283	283
284	284	==== (% style="color:blue" %)**1.  Install SQLite**(%%) ====
...	...	@@ -303,7 +303,7 @@
303	303	Download sample JSON file link: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
304	304
305	305
306		-= 3.  Import Input Flow for Dragino Sensors =
	298	+= 3. Import Input Flow for Dragino Sensors =
307	307
308	308
309	309	Dragino provides input flow examples for the sensors.
...	...	@@ -373,8 +373,10 @@
373	373
374	374	[[image:image-20240104100109-3.png]]
375	375
376		-== 4.2Import General Flow ==
377	377
	369	+== 4.2 Import General Flow ==
	370	+
	371	+
378	378	[[image:image-20240104100340-4.png]]
379	379
380	380	[[image:image-20240104100446-5.png||height="407" width="885"]]
...	...	@@ -381,8 +381,10 @@
381	381
382	382	Please refer to the previous chapters for MQTT settings and sqlite installation settings
383	383
384		-== 4.3Using flow ==
385	385
	379	+== 4.3 Using flow ==
	380	+
	381	+
386	386	Just double-click on the drag ino decoder node and select it from the dropdown menu
387	387
388	388	Corresponding nodes are sufficient
...	...	@@ -408,4 +408,6 @@
408	408
409	409	You can see the UI display effect in the following picture
410	410
411		-[[image:image-20240104104931-2.png]]
	407	+[[image:image-20240104104931-2.png||height="737" width="1131"]]
	408	+
	409	+