Wiki source code of Node-RED_Install and Use

Version 77.1 by Mengting Qiu on 2024/02/22 16:12

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
59.3	9	= 1. Installation =
37.2	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
59.3	15	== 1.1 Install Example for CENTOS ==
37.2	16
59.3	17	=== 1.1.1 Installation ===
37.2	18
	19
11.1	20	(% class="box infomessage" %)
	21	(((
21.1	22	Reference Instruction from this link: [[https:~~/~~/github.com/node-red/linux-installers>>https://github.com/node-red/linux-installers]]
	23	Run below commands and wait for installation complete.
11.1	24	)))
9.1	25
32.2	26	[[image:image-20220526161040-1.png]]
9.1	27
	28
37.4	29	(% style="color:blue" %)Verify if the installation was successful
9.1	30
37.4	31	Type in the command line interface (% style="color:red" %)node-red(%%)(% style="color:red" %)
	32
21.1	33	The following information appears to prove that the installation has been successful
9.1	34
32.2	35	[[image:image-20220526161103-2.png]]
9.1	36
	37
59.3	38	=== 1.1.2 If you want to start Node-RED as a background process ===
9.1	39
37.2	40
37.4	41	Type in the command line interface (% style="color:red" %)nohup node-red &
9.1	42
21.1	43	It will prompt after startup
9.1	44
	45	[[image:image-20220519104601-5.png]]
	46
41.2	47	After seeing the above information, press enter.
9.1	48
41.2	49	Type in the command line exit.
9.1	50
41.2	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.
12.1	52
	53
59.3	54	== 1.2 Install in Dragino Gataway ==
15.1	55
39.2	56
41.1	57	The below models from Dragino already have Node-Red installed by default. Users no need to install it by themselves.
12.1	58
41.1	59	* [[LPS8v2 Indoor LoRaWAN Gateway. >>https://www.dragino.com/products/lora-lorawan-gateway/item/228-lps8v2.html]]
37.2	60
41.1	61	Other gateway model doesn't support built-in Node-Red server.
39.2	62
41.1	63
59.3	64	= 2. General Use of Node-RED =
37.2	65
	66
40.1	67	This section describes some basic features of Node-RED. For more info please check the [[Node-RED official document>>https://nodered.org/]].
	68
	69
59.3	70	== 2.1 Login to Node-RED interface ==
37.2	71
	72
21.1	73	Enter your public IP address followed by the port number 1880
12.1	74
21.1	75	example：[[http:~~/~~/xxx.xx.xx.xx:1880/>>http://119.91.62.30:1880/]]
12.1	76
38.1	77	[[image:image-20220519104115-4.png\|\|height="280" width="768"]]
12.1	78
	79
59.3	80	== 2.2 Add flow ==
37.2	81
	82
21.1	83	Take NBSN95 mod1 UDP protocol as an example
16.1	84
37.5	85	After logging into the interface click (% style="color:red" %)"+" (%%)to create a flow
16.1	86
38.1	87	[[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="183" width="770"]]
16.1	88
37.5	89
	90
21.1	91	Rename the stream
16.1	92
38.1	93	[[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="535" width="548"]]
16.1	94
39.2	95
38.1	96	[[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" height="461" width="753"]]
17.1	97
39.2	98
20.2	99	[[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	100
21.1	101	Drag UDP into the editing area
17.1	102
37.5	103
20.2	104	[[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"]]
	105
37.5	106
21.1	107	The same method as above, drag and drop functions and debug into the editing area
20.2	108
38.1	109	[[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"]]
20.2	110
37.5	111
21.1	112	configure UDP in
20.2	113
38.1	114	[[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"]]
20.2	115
37.5	116
21.1	117	Write to the UDP port that the device node sends to the server
20.2	118
21.1	119	Example My UDP device node sends to server port 8585
	120	just write 8585
20.2	121
	122
37.5	123	(% 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.
	124
	125
21.1	126	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	127
38.1	128	[[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" height="415" width="735"]]
20.2	129
37.5	130
38.1	131	[[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" height="348" width="779"]]
20.2	132
37.5	133
38.1	134	[[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" height="437" width="744"]]
20.2	135
37.5	136
38.1	137	[[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"]]
20.2	138
37.5	139
21.1	140	When the node successfully sends data, the effect shown in the following figure will appear
20.2	141
38.1	142	[[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"]]
20.2	143
	144
59.3	145	=== 2.2.1 About function ===
37.2	146
	147
21.1	148	If you are familiar with JS code, you can write it yourself
59.3	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.
20.2	150
38.1	151	[[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"]]
20.2	152
	153
59.3	154	== 2.3 Plot Chart for sensors ==
37.2	155
	156
25.1	157	If you need data visualization, please refer to the following
20.2	158
25.1	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
37.6	161
41.2	162	(% style="color:blue" %)1. Click Install
25.1	163
41.2	164	(% style="color:blue" %)2. Search the dashboard
37.6	165
41.2	166	(% style="color:blue" %)3. Click Install
37.6	167
41.2	168
38.1	169	[[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"]]
25.1	170
37.7	171
25.1	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
59.3	177	=== 2.3.1 the line chart as an example ===
37.2	178
	179
25.1	180	Drag the line chart to the editing area
	181
	182	Just drag and drop as many as you need, or you can copy
	183
	184	The demo uses 3 kinds. Voltage, temperature, humidity
	185
37.7	186
38.1	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" height="242" width="743"]]
25.1	188
37.7	189
	190
25.1	191	double click function
	192
37.7	193
38.1	194	[[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" height="549" width="749"]]
25.1	195
37.7	196
	197
25.1	198	Adjusted to 3, because we need to display 3 charts
	199
37.7	200
38.1	201	[[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"]]
25.1	202
	203
59.3	204	=== 2.3.2 the chart settings ===
37.2	205
	206
25.1	207	Double-click while setting up the node as above
	208
37.7	209
38.1	210	[[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" height="703" width="729"]]
25.1	211
37.7	212
38.1	213	[[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" height="501" width="727"]]
25.1	214
37.7	215
38.1	216	[[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" height="554" width="722"]]
25.1	217
37.7	218
38.1	219	[[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" height="444" width="721"]]
25.1	220
37.7	221
38.1	222	[[image:image-20220525185746-2.png\|\|height="421" width="724"]]
25.1	223
37.7	224
38.1	225	[[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" height="722" width="726"]]
25.1	226
37.7	227
	228
25.1	229	After the display interface is defined for the first time, subsequent charts can directly select the display interface
	230
	231
38.1	232	[[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" height="644" width="724"]]
37.7	233
	234
	235
38.1	236	[[image:image-20220525190106-3.png\|\|height="575" width="724"]]
25.1	237
37.7	238
	239
25.1	240	Connect graph nodes to functions with lines
	241
	242	Click to deploy
	243
37.7	244
38.1	245	[[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" height="256" width="726"]]
25.1	246
	247	Enter the server public IP + port 1880/ui
	248
	249	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	250
37.7	251
	252
38.1	253	[[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" height="203" width="735"]]
25.1	254
39.2	255
25.1	256	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.
	257
20.2	258
59.3	259	== 2.4 Store Value ==
37.2	260
	261
37.8	262	Regarding storage, we recommend two ways.
20.2	263
36.1	264
59.3	265	=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
37.2	266
39.2	267
41.3	268	Sample JSON file: [[https:~~/~~/www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0>>https://www.dropbox.com/sh/mduw85jcuwsua22/AAAvwPhg9z6dLjJhmZjqBf_ma?dl=0]]
37.8	269
38.1	270	[[image:image-20220713102658-1.png\|\|height="346" width="728"]]
36.1	271
	272
59.3	273	=== 2.4.2 Method 2: Use sqlite database ===
37.2	274
	275
37.8	276	==== (% style="color:blue" %)1. Install SQLite(%%) ====
37.2	277
	278
38.1	279	[[image:image-20220713111030-2.png\|\|height="438" width="739"]]
36.1	280
	281
37.2	282
37.8	283	==== (% style="color:blue" %)2. After the installation is successful, the nodes in the picture will appear(%%) ====
37.2	284
	285
36.1	286	[[image:image-20220713111200-3.png]]
	287
	288
	289
37.8	290	==== (% style="color:blue" %)3. Import sample flow(%%) ====
20.2	291
39.2	292
39.1	293	Refer to the import example below to import the sqlite example flow
20.2	294
41.3	295	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]]
37.8	296
39.2	297
59.3	298	= 3. Import Input Flow for Dragino Sensors =
37.2	299
	300
40.1	301	Dragino provides input flow examples for the sensors.
27.1	302
40.1	303	User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
27.1	304
40.1	305	Take LHT65 as an example (Assume this node is already registered with TTN, MQTT protocol to connect)
28.1	306
27.1	307	[[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"]]
	308
	309	[[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"]]
	310
38.1	311	[[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" height="443" width="773"]]
27.1	312
38.1	313	[[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" height="568" width="768"]]
27.1	314
28.1	315	After the import is successful, change the MQTT in node to your TTN information
	316
38.1	317	[[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" height="643" width="772"]]
28.1	318
38.1	319	[[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" height="648" width="773"]]
28.1	320
39.2	321
	322
28.1	323	Configure information consistent with your TTN
	324
38.1	325	[[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" height="349" width="758"]]
28.1	326
38.1	327	[[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" height="376" width="758"]]
28.1	328
39.2	329
	330
28.1	331	API keys generated by the password for you
	332
38.1	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" height="370" width="759"]]
28.1	334
39.2	335
28.1	336	Topic modify it to the following format
	337
30.1	338	v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
28.1	339
38.1	340	[[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" height="690" width="755"]]
28.1	341
	342	After the modification is completed, click Deploy
48.1	343
	344
59.2	345	= 4. Add Dragino node =
	346
	347
53.1	348	Please do not modify the code anywhere to avoid any exceptions
	349
	350	The prerequisite is to install the Dragino node and the sqlite node dashboard node
	351
	352	The echarts library is placed in the static file of node red
	353
56.1	354	Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
53.1	355
59.2	356	Please download the general flow and echarts files from this link：[[https:~~/~~/www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0>>https://www.dropbox.com/scl/fo/677l8f3u3evpojcdcj3j7/h?rlkey=0iqbwf27dbyi75egmrp0p0yjx&dl=0]]
56.1	357
48.1	358
59.2	359	== 4.1 Installing Dragino nodes ==
	360
	361
48.1	362	[[image:image-20240104095739-1.png\|\|height="662" width="662"]]
	363
	364	[[image:image-20240104100026-2.png]]
	365
	366	[[image:image-20240104100109-3.png]]
	367
	368
59.3	369	== 4.2 Import General Flow ==
	370
	371
48.1	372	[[image:image-20240104100340-4.png]]
	373
	374	[[image:image-20240104100446-5.png\|\|height="407" width="885"]]
	375
53.1	376	Please refer to the previous chapters for MQTT settings and sqlite installation settings
	377
	378
59.3	379	== 4.3 Using flow ==
	380
	381
53.1	382	Just double-click on the drag ino decoder node and select it from the dropdown menu
	383
	384	Corresponding nodes are sufficient
	385
	386	[[image:image-20240104100928-6.png\|\|height="439" width="755"]]
	387
	388	Setting the template node
	389
	390	[[image:image-20240104101446-8.png]]
	391
	392	When multiple nodes are needed in the same process
	393
55.1	394	[[image:image-20240104103636-1.png]]
53.1	395
61.1	396	If using the NodeRed that comes with the Dragino gateway
55.1	397
61.1	398	Change to the following path
	399
	400	"/static/echarts.min.js"
	401
	402	[[image:image-20240110153029-1.png]]
	403
	404
53.1	405	After setting up, select deployment
	406
	407	[[image:image-20240104101346-7.png\|\|height="242" width="724"]]
59.1	408
	409	Enter the server public IP + port 1880/ui
	410
	411	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	412
	413	You can see the UI display effect in the following picture
	414
59.3	415	[[image:image-20240104104931-2.png\|\|height="737" width="1131"]]
	416
62.1	417
	418	= 5. FAQ =
	419
	420	== 5.1 How to use Node-Red to schedule downlink to ChirpStack LoRaWAN Server? ==
	421
59.3	422

Wiki source code of Node-RED_Install and Use

Applications

Navigation