Wiki source code of Node-RED_Install and Use

Version 33.1 by Herong Lu on 2022/07/13 10:27

version	line-number	content
14.1	1	(% class="wikigeneratedid" id="HEndDeviceFrequencyBand" %)
21.1	2	Contents：
13.1	3
14.1	4	{{toc/}}
	5
32.3	6	= Installation =
2.1	7
21.1	8	Check installation instruction for different OS from this link: [[https:~~/~~/nodered.org/docs/getting-started/>>https://nodered.org/docs/getting-started/]]
2.1	9
32.3	10	== Install Example for CENTOS ==
2.1	11
32.3	12	=== Installation ===
12.1	13
11.1	14	(% class="box infomessage" %)
	15	(((
21.1	16	Reference Instruction from this link: [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
	17	Run below commands and wait for installation complete.
11.1	18	)))
9.1	19
32.2	20	[[image:image-20220526161040-1.png]]
9.1	21
21.1	22	Verify if the installation was successful
9.1	23
21.1	24	Type in the command line interface node-red
9.1	25
21.1	26	The following information appears to prove that the installation has been successful
9.1	27
32.2	28	[[image:image-20220526161103-2.png]]
9.1	29
	30
32.3	31	=== If you want to start Node-RED as a background process ===
9.1	32
21.1	33	Type in the command line interface nohup node-red &
9.1	34
21.1	35	It will prompt after startup
9.1	36
	37	[[image:image-20220519104601-5.png]]
	38
21.1	39	After seeing the above information, press enter
9.1	40
21.1	41	Type in the command line exit
9.1	42
21.1	43	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	44
21.1	45	== Install in Dragino Gataway ==
12.1	46
15.1	47
21.1	48	= Use Node-RED =
15.1	49
21.1	50	== Login to Node-RED interface ==
12.1	51
21.1	52	Enter your public IP address followed by the port number 1880
12.1	53
21.1	54	example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
12.1	55
20.2	56	[[image:image-20220519104115-4.png\|\|height="352" width="969"]]
12.1	57
	58
21.1	59	== Add flow ==
16.1	60
21.1	61	Take NBSN95 mod1 UDP protocol as an example
16.1	62
21.1	63	After logging into the interface click '+' to create a flow
16.1	64
20.2	65	[[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	66
21.1	67	Rename the stream
16.1	68
20.2	69	[[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	70
20.2	71	[[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	72
20.2	73	[[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	74
21.1	75	Drag UDP into the editing area
17.1	76
20.2	77	[[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"]]
	78
21.1	79	The same method as above, drag and drop functions and debug into the editing area
20.2	80
	81	[[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"]]
	82
21.1	83	configure UDP in
20.2	84
	85	[[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"]]
	86
21.1	87	Write to the UDP port that the device node sends to the server
20.2	88
21.1	89	Example My UDP device node sends to server port 8585
	90	just write 8585
20.2	91
21.1	92	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.
20.2	93
21.1	94	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	95
	96	[[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"]]
	97
	98	[[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"]]
	99
	100	[[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"]]
	101
	102	[[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"]]
	103
21.1	104	When the node successfully sends data, the effect shown in the following figure will appear
20.2	105
	106	[[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"]]
	107
21.1	108	=== About function ===
20.2	109
21.1	110	If you are familiar with JS code, you can write it yourself
	111	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	112
	113	[[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"]]
	114
	115
21.1	116	== Plot Chart for sensors ==
20.2	117
25.1	118	If you need data visualization, please refer to the following
20.2	119
25.1	120	[[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"]]
	121
	122	~1. Click Install
	123	2. Search the dashboard
	124	3. Click Install
	125
	126	[[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"]]
	127
	128	After the installation is successful, nodered will show the following node icon
	129
	130	[[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"]]
	131
26.1	132	=== the line chart as an example ===
25.1	133
	134	Drag the line chart to the editing area
	135
	136	Just drag and drop as many as you need, or you can copy
	137
	138	The demo uses 3 kinds. Voltage, temperature, humidity
	139
	140	[[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"]]
	141
	142	double click function
	143
	144	[[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"]]
	145
	146	Adjusted to 3, because we need to display 3 charts
	147
	148	[[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"]]
	149
26.1	150	=== the chart settings ===
25.1	151
	152	Double-click while setting up the node as above
	153
	154	[[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"]]
	155
	156	[[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"]]
	157
	158	[[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"]]
	159
	160	[[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"]]
	161
	162	[[image:image-20220525185746-2.png]]
	163
	164	[[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"]]
	165
	166	After the display interface is defined for the first time, subsequent charts can directly select the display interface
	167
	168	[[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"]]
	169
	170	[[image:image-20220525190106-3.png]]
	171
	172	Connect graph nodes to functions with lines
	173
	174	Click to deploy
	175
	176	[[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"]]
	177
	178	Enter the server public IP + port 1880/ui
	179
	180	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	181
	182	[[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"]]
	183
	184	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.
	185
21.1	186	== Store Value ==
20.2	187
	188
21.1	189	== Email Notification ==
20.2	190
	191
21.1	192	= Input Flow =
20.2	193
27.1	194	Directly import JSON files to generate flow
	195
	196	Download the required JSON file through this link: 提供一个链接
	197
28.1	198	Take LHT65 as an example (this node is already registered with TTN,MQTT protocol to connect)
	199
27.1	200	[[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"]]
	201
	202	[[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"]]
	203
	204	[[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"]]
	205
	206	[[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"]]
	207
28.1	208	After the import is successful, change the MQTT in node to your TTN information
	209
	210	[[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"]]
	211
	212	[[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"]]
	213
	214	Configure information consistent with your TTN
	215
	216	[[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"]]
	217
	218	[[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"]]
	219
	220	API keys generated by the password for you
	221
	222	[[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"]]
	223
	224	Topic modify it to the following format
	225
30.1	226	v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
28.1	227
	228	[[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"]]
	229
	230	After the modification is completed, click Deploy
	231
17.1	232	== MQTT ==
	233
	234	== UDP ==
	235
	236	== TCP ==
	237
21.1	238	== Get data from LoRaWAN Server (TTN) ==
18.1	239
	240
21.1	241	= Example =

Wiki source code of Node-RED_Install and Use

Applications

Navigation