Wiki source code of Node-RED_Install and Use

Version 37.8 by Xiaoling on 2022/07/25 16:26

version	line-number	content
14.1	1	(% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
37.2	2	Table of Contents：
13.1	3
14.1	4	{{toc/}}
	5
2.1	6
37.2	7
	8
	9	= 1. Installation =
	10
	11
21.1	12	Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
2.1	13
	14
12.1	15
37.2	16	== 1.1 Install Example for CENTOS ==
	17
	18
	19	=== 1.1.1 Installation ===
	20
	21
11.1	22	(% class="box infomessage" %)
	23	(((
21.1	24	Reference Instruction from this link: [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
	25	Run below commands and wait for installation complete.
11.1	26	)))
9.1	27
32.2	28	[[image:image-20220526161040-1.png]]
9.1	29
	30
37.4	31	(% style="color:blue" %)Verify if the installation was successful
9.1	32
37.4	33	Type in the command line interface (% style="color:red" %)node-red(%%)(% style="color:red" %)
	34
21.1	35	The following information appears to prove that the installation has been successful
9.1	36
32.2	37	[[image:image-20220526161103-2.png]]
9.1	38
	39
37.4	40
37.2	41	=== 1.1.2 If you want to start Node-RED as a background process ===
9.1	42
37.2	43
37.4	44	Type in the command line interface (% style="color:red" %)nohup node-red &
9.1	45
21.1	46	It will prompt after startup
9.1	47
	48	[[image:image-20220519104601-5.png]]
	49
37.4	50	After seeing the above information, press enter
9.1	51
21.1	52	Type in the command line exit
9.1	53
21.1	54	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
12.1	55
	56
15.1	57
37.2	58	== 1.2 Install in Dragino Gataway ==
15.1	59
12.1	60
37.2	61
	62	= 2. Use Node-RED =
	63
	64
	65	== 2.1 Login to Node-RED interface ==
	66
	67
21.1	68	Enter your public IP address followed by the port number 1880
12.1	69
21.1	70	example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
12.1	71
20.2	72	[[image:image-20220519104115-4.png\|\|height="352" width="969"]]
12.1	73
	74
16.1	75
37.2	76	== 2.2 Add flow ==
	77
	78
21.1	79	Take NBSN95 mod1 UDP protocol as an example
16.1	80
37.5	81	After logging into the interface click (% style="color:red" %)"+" (%%)to create a flow
16.1	82
20.2	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"]]
16.1	84
37.5	85
	86
21.1	87	Rename the stream
16.1	88
20.2	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"]]
16.1	90
20.2	91	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134318-3.png?rev=1.1\|\|alt="image-20220519134318-3.png"]]
17.1	92
20.2	93	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/node_red%20usage%20example/WebHome/image-20220519134346-4.png?rev=1.1\|\|alt="image-20220519134346-4.png"]]
17.1	94
21.1	95	Drag UDP into the editing area
17.1	96
37.5	97
	98
20.2	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
37.5	101
21.1	102	The same method as above, drag and drop functions and debug into the editing area
20.2	103
	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
37.5	106
	107
21.1	108	configure UDP in
20.2	109
	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
37.5	112
21.1	113	Write to the UDP port that the device node sends to the server
20.2	114
21.1	115	Example My UDP device node sends to server port 8585
	116	just write 8585
20.2	117
	118
37.5	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
21.1	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.
20.2	123
	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
37.5	126
20.2	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
37.5	129
20.2	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
37.5	132
20.2	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
37.5	135
	136
21.1	137	When the node successfully sends data, the effect shown in the following figure will appear
20.2	138
	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"]]
	140
	141
37.2	142
	143	=== 2.2.1 About function ===
	144
	145
21.1	146	If you are familiar with JS code, you can write it yourself
	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
20.2	148
37.6	149
20.2	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
	152
	153
37.2	154	== 2.3 Plot Chart for sensors ==
	155
	156
25.1	157	If you need data visualization, please refer to the following
20.2	158
37.2	159
25.1	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
37.6	162
	163
	164	(% style="color:blue" %)**1. Click Install
25.1	165	2. Search the dashboard
37.6	166	3. Click Install**
25.1	167
37.6	168
	169
25.1	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
37.7	172
	173
25.1	174	After the installation is successful, nodered will show the following node icon
	175
	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"]]
	177
	178
37.2	179
	180	=== 2.3.1 the line chart as an example ===
	181
	182
25.1	183	Drag the line chart to the editing area
	184
	185	Just drag and drop as many as you need, or you can copy
	186
	187	The demo uses 3 kinds. Voltage, temperature, humidity
	188
37.7	189
25.1	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
37.7	192
	193
25.1	194	double click function
	195
37.7	196
25.1	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
37.7	199
	200
25.1	201	Adjusted to 3, because we need to display 3 charts
	202
37.7	203
25.1	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
	206
37.2	207
	208	=== 2.3.2 the chart settings ===
	209
	210
25.1	211	Double-click while setting up the node as above
	212
37.7	213
25.1	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
37.7	216
25.1	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
37.7	219
25.1	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
37.7	222
25.1	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
37.7	225
25.1	226	[[image:image-20220525185746-2.png]]
	227
37.7	228
25.1	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
37.7	231
	232
25.1	233	After the display interface is defined for the first time, subsequent charts can directly select the display interface
	234
	235
37.7	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
25.1	240	[[image:image-20220525190106-3.png]]
	241
37.7	242
	243
25.1	244	Connect graph nodes to functions with lines
	245
	246	Click to deploy
	247
37.7	248
25.1	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
	251	Enter the server public IP + port 1880/ui
	252
	253	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	254
37.7	255
	256
25.1	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
	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.
	260
20.2	261
37.2	262
	263	== 2.4 Store Value ==
	264
	265
37.8	266	Regarding storage, we recommend two ways.
20.2	267
36.1	268
37.2	269
37.3	270	=== 2.4.1 1. Generate txt document directly ===
37.2	271
37.8	272
36.1	273	Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
	274
	275
	276
37.3	277	=== 2.4.2 2. Use sqlite database ===
37.2	278
	279
37.8	280	==== (% style="color:blue" %)1. Install SQLite(%%) ====
37.2	281
	282
36.1	283	[[image:image-20220713111030-2.png]]
	284
	285
37.2	286
37.8	287	==== (% style="color:blue" %)2. After the installation is successful, the nodes in the picture will appear(%%) ====
37.2	288
	289
36.1	290	[[image:image-20220713111200-3.png]]
	291
	292
	293
37.8	294	==== (% style="color:blue" %)3. Import sample flow(%%) ====
20.2	295
	296
37.8	297
37.2	298	== 2.5 Email Notification ==
20.2	299
37.2	300
	301
	302	= 3. Input Flow =
	303
	304
27.1	305	Directly import JSON files to generate flow
	306
	307	Download the required JSON file through this link: 提供一个链接
	308
28.1	309	Take LHT65 as an example (this node is already registered with TTN,MQTT protocol to connect)
	310
27.1	311	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175748-3.png?rev=1.1\|\|alt="image-20220524175748-3.png"]]
	312
	313	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175814-4.png?rev=1.1\|\|alt="image-20220524175814-4.png"]]
	314
	315	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175914-5.png?rev=1.1\|\|alt="image-20220524175914-5.png"]]
	316
	317	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524175935-6.png?rev=1.1\|\|alt="image-20220524175935-6.png"]]
	318
28.1	319	After the import is successful, change the MQTT in node to your TTN information
	320
	321	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184449-1.png?rev=1.1\|\|alt="image-20220524184449-1.png"]]
	322
	323	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184521-2.png?rev=1.1\|\|alt="image-20220524184521-2.png"]]
	324
	325	Configure information consistent with your TTN
	326
	327	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524184722-3.png?rev=1.1\|\|alt="image-20220524184722-3.png"]]
	328
	329	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524192830-4.png?rev=1.1\|\|alt="image-20220524192830-4.png"]]
	330
	331	API keys generated by the password for you
	332
	333	[[image:http://8.211.40.43:8080/xwiki/bin/download/Main/Node-RED/Directly%20import%20JSON%20files%20to%20generate%20flow/WebHome/image-20220524193028-5.png?rev=1.1\|\|alt="image-20220524193028-5.png"]]
	334
	335	Topic modify it to the following format
	336
30.1	337	v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
28.1	338
	339	[[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"]]
	340
	341	After the modification is completed, click Deploy

Wiki source code of Node-RED_Install and Use

Applications

Navigation