Wiki source code of Node-RED_Install and Use

Version 37.6 by Xiaoling on 2022/07/25 15:41

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
	172	After the installation is successful, nodered will show the following node icon
	173
	174	[[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"]]
	175
	176
37.2	177
	178	=== 2.3.1 the line chart as an example ===
	179
	180
25.1	181	Drag the line chart to the editing area
	182
	183	Just drag and drop as many as you need, or you can copy
	184
	185	The demo uses 3 kinds. Voltage, temperature, humidity
	186
	187	[[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"]]
	188
	189	double click function
	190
	191	[[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"]]
	192
	193	Adjusted to 3, because we need to display 3 charts
	194
	195	[[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"]]
	196
	197
37.2	198
	199	=== 2.3.2 the chart settings ===
	200
	201
25.1	202	Double-click while setting up the node as above
	203
	204	[[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"]]
	205
	206	[[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"]]
	207
	208	[[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"]]
	209
	210	[[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"]]
	211
	212	[[image:image-20220525185746-2.png]]
	213
	214	[[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"]]
	215
	216	After the display interface is defined for the first time, subsequent charts can directly select the display interface
	217
	218	[[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"]]
	219
	220	[[image:image-20220525190106-3.png]]
	221
	222	Connect graph nodes to functions with lines
	223
	224	Click to deploy
	225
	226	[[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"]]
	227
	228	Enter the server public IP + port 1880/ui
	229
	230	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	231
	232	[[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"]]
	233
	234	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.
	235
20.2	236
37.2	237
	238	== 2.4 Store Value ==
	239
	240
36.1	241	Regarding storage, we recommend two ways
20.2	242
36.1	243
37.2	244
37.3	245	=== 2.4.1 1. Generate txt document directly ===
37.2	246
36.1	247	Sample JSON file:链接转到示例JSON文件[[image:image-20220713102658-1.png]]
	248
	249
	250
37.3	251	=== 2.4.2 2. Use sqlite database ===
37.2	252
	253
	254	==== 1. Install SQLite ====
	255
	256
36.1	257	[[image:image-20220713111030-2.png]]
	258
	259
37.2	260
	261	==== 2. After the installation is successful, the nodes in the picture will appear ====
	262
	263
36.1	264	[[image:image-20220713111200-3.png]]
	265
	266
	267
37.2	268	==== 3. Import sample flow ====
20.2	269
	270
37.2	271	== 2.5 Email Notification ==
20.2	272
37.2	273
	274
	275	= 3. Input Flow =
	276
	277
27.1	278	Directly import JSON files to generate flow
	279
	280	Download the required JSON file through this link: 提供一个链接
	281
28.1	282	Take LHT65 as an example (this node is already registered with TTN,MQTT protocol to connect)
	283
27.1	284	[[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"]]
	285
	286	[[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"]]
	287
	288	[[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"]]
	289
	290	[[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"]]
	291
28.1	292	After the import is successful, change the MQTT in node to your TTN information
	293
	294	[[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"]]
	295
	296	[[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"]]
	297
	298	Configure information consistent with your TTN
	299
	300	[[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"]]
	301
	302	[[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"]]
	303
	304	API keys generated by the password for you
	305
	306	[[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"]]
	307
	308	Topic modify it to the following format
	309
30.1	310	v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
28.1	311
	312	[[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"]]
	313
	314	After the modification is completed, click Deploy

Wiki source code of Node-RED_Install and Use

Applications

Navigation