Wiki source code of Node-RED_Install and Use

Version 121.1 by Mengting Qiu on 2024/11/29 09:36

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
104.2	87	[[image:image-20241119101328-1.png\|\|height="460" width="970"]]
16.1	88
21.1	89	Rename the stream
16.1	90
	91
39.2	92
104.2	93	[[image:image-20241119101551-2.png\|\|height="465" width="979"]]
17.1	94
39.2	95
21.1	96	Drag UDP into the editing area
17.1	97
104.2	98	[[image:image-20241119101952-3.png\|\|height="466" width="983"]]
37.5	99
20.2	100
21.1	101	The same method as above, drag and drop functions and debug into the editing area
20.2	102
104.2	103	[[image:image-20241119102218-4.png\|\|height="468" width="986"]]
20.2	104
21.1	105	configure UDP in
20.2	106
104.2	107	[[image:image-20241119103312-7.png\|\|height="470" width="991"]]
20.2	108
37.5	109
21.1	110	Write to the UDP port that the device node sends to the server
20.2	111
21.1	112	Example My UDP device node sends to server port 8585
	113	just write 8585
20.2	114
	115
37.5	116	(% 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.
	117
	118
21.1	119	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	120
104.2	121	[[image:image-20241119105123-9.png\|\|height="557" width="995"]]
20.2	122
37.5	123
21.1	124	When the node successfully sends data, the effect shown in the following figure will appear
20.2	125
104.2	126	[[image:image-20241119104939-8.png\|\|height="473" width="996"]]
20.2	127
	128
59.3	129	=== 2.2.1 About function ===
37.2	130
	131
21.1	132	If you are familiar with JS code, you can write it yourself
109.2	133	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.([[dragino-end-node-red-Flow>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/NBSN95.json]])
20.2	134
109.2	135	[[image:image-20241119112519-14.png\|\|height="483" width="1018"]]
20.2	136
	137
59.3	138	== 2.3 Plot Chart for sensors ==
37.2	139
	140
25.1	141	If you need data visualization, please refer to the following
20.2	142
109.2	143	[[image:image-20241119112928-15.png\|\|height="484" width="1020"]]
25.1	144
37.6	145
41.2	146	(% style="color:blue" %)1. Click Install
25.1	147
41.2	148	(% style="color:blue" %)2. Search the dashboard
37.6	149
41.2	150	(% style="color:blue" %)3. Click Install
37.6	151
41.2	152
104.2	153	[[image:image-20241119110335-11.png\|\|height="483" width="1018"]]
25.1	154
37.7	155
25.1	156	After the installation is successful, nodered will show the following node icon
	157
104.2	158	[[image:image-20241119110539-12.png\|\|height="484" width="1020"]]
25.1	159
	160
59.3	161	=== 2.3.1 the line chart as an example ===
37.2	162
	163
25.1	164	Drag the line chart to the editing area
	165
	166	Just drag and drop as many as you need, or you can copy
	167
	168	The demo uses 3 kinds. Voltage, temperature, humidity
	169
109.2	170	[[image:image-20241119114103-18.png\|\|height="422" width="889"]]
25.1	171
37.7	172
25.1	173	double click function
	174
109.2	175	[[image:image-20241119113522-16.png\|\|height="425" width="896"]]
25.1	176
37.7	177
25.1	178	Adjusted to 3, because we need to display 3 charts
	179
109.2	180	[[image:image-20241119113742-17.png\|\|height="427" width="899"]]
25.1	181
	182
59.3	183	=== 2.3.2 the chart settings ===
37.2	184
	185
25.1	186	Double-click while setting up the node as above
	187
37.7	188
38.1	189	[[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	190
37.7	191
38.1	192	[[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	193
37.7	194
38.1	195	[[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	196
37.7	197
38.1	198	[[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	199
37.7	200
38.1	201	[[image:image-20220525185746-2.png\|\|height="421" width="724"]]
25.1	202
37.7	203
38.1	204	[[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	205
37.7	206
25.1	207	After the display interface is defined for the first time, subsequent charts can directly select the display interface
	208
38.1	209	[[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	210
	211
	212
38.1	213	[[image:image-20220525190106-3.png\|\|height="575" width="724"]]
25.1	214
37.7	215
25.1	216	Connect graph nodes to functions with lines
	217
	218	Click to deploy
	219
118.2	220	[[image:image-20241120090012-1.png\|\|height="416" width="877"]]
25.1	221
	222	Enter the server public IP + port 1880/ui
	223
	224	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	225
113.2	226	[[image:image-20241119134533-19.png\|\|height="455" width="880"]]
25.1	227
39.2	228
25.1	229	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.
	230
20.2	231
59.3	232	== 2.4 Store Value ==
37.2	233
	234
37.8	235	Regarding storage, we recommend two ways.
20.2	236
36.1	237
59.3	238	=== 2.4.1 (% style="display:none" %) (%%)Method 1: Generate txt document directly ===
37.2	239
39.2	240
41.3	241	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	242
38.1	243	[[image:image-20220713102658-1.png\|\|height="346" width="728"]]
36.1	244
	245
59.3	246	=== 2.4.2 Method 2: Use sqlite database ===
37.2	247
	248
37.8	249	==== (% style="color:blue" %)1. Install SQLite(%%) ====
37.2	250
	251
38.1	252	[[image:image-20220713111030-2.png\|\|height="438" width="739"]]
36.1	253
	254
37.2	255
37.8	256	==== (% style="color:blue" %)2. After the installation is successful, the nodes in the picture will appear(%%) ====
37.2	257
	258
36.1	259	[[image:image-20220713111200-3.png]]
	260
	261
	262
37.8	263	==== (% style="color:blue" %)3. Import sample flow(%%) ====
20.2	264
39.2	265
39.1	266	Refer to the import example below to import the sqlite example flow
20.2	267
41.3	268	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	269
39.2	270
59.3	271	= 3. Import Input Flow for Dragino Sensors =
37.2	272
	273
40.1	274	Dragino provides input flow examples for the sensors.
27.1	275
40.1	276	User can download the required JSON file through [[Dragino Node-RED input flow template>>https://github.com/dragino/dragino-end-node-decoder]].
27.1	277
40.1	278	Take LHT65 as an example (Assume this node is already registered with TTN, MQTT protocol to connect)
28.1	279
27.1	280	[[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"]]
	281
	282	[[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"]]
	283
38.1	284	[[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	285
38.1	286	[[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	287
28.1	288	After the import is successful, change the MQTT in node to your TTN information
	289
38.1	290	[[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	291
38.1	292	[[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	293
39.2	294
	295
28.1	296	Configure information consistent with your TTN
	297
38.1	298	[[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	299
38.1	300	[[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	301
39.2	302
	303
28.1	304	API keys generated by the password for you
	305
113.2	306	[[image:image-20241119135338-21.png\|\|height="515" width="1085"]]
28.1	307
39.2	308
28.1	309	Topic modify it to the following format
	310
30.1	311	v3/(% style="color:red" %)Application ID(%%)@ttn/devices/(% style="color:red" %)End device ID(%%)/up
28.1	312
113.2	313	[[image:image-20241119135151-20.png\|\|height="515" width="1085"]]
28.1	314
	315	After the modification is completed, click Deploy
48.1	316
	317
59.2	318	= 4. Add Dragino node =
	319
	320
53.1	321	Please do not modify the code anywhere to avoid any exceptions
	322
	323	The prerequisite is to install the Dragino node and the sqlite node dashboard node
	324
	325	The echarts library is placed in the static file of node red
	326
56.1	327	Reference link: [[https:~~/~~/nodered.org/docs/user-guide/runtime/configuration>>]]
53.1	328
59.2	329	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	330
48.1	331
59.2	332	== 4.1 Installing Dragino nodes ==
	333
	334
48.1	335	[[image:image-20240104095739-1.png\|\|height="662" width="662"]]
	336
	337	[[image:image-20240104100026-2.png]]
	338
	339	[[image:image-20240104100109-3.png]]
	340
	341
59.3	342	== 4.2 Import General Flow ==
	343
	344
48.1	345	[[image:image-20240104100340-4.png]]
	346
	347	[[image:image-20240104100446-5.png\|\|height="407" width="885"]]
	348
53.1	349	Please refer to the previous chapters for MQTT settings and sqlite installation settings
	350
	351
59.3	352	== 4.3 Using flow ==
	353
	354
53.1	355	Just double-click on the drag ino decoder node and select it from the dropdown menu
	356
	357	Corresponding nodes are sufficient
	358
	359	[[image:image-20240104100928-6.png\|\|height="439" width="755"]]
	360
	361	Setting the template node
	362
	363	[[image:image-20240104101446-8.png]]
	364
	365	When multiple nodes are needed in the same process
	366
55.1	367	[[image:image-20240104103636-1.png]]
53.1	368
61.1	369	If using the NodeRed that comes with the Dragino gateway
55.1	370
61.1	371	Change to the following path
	372
	373	"/static/echarts.min.js"
	374
	375	[[image:image-20240110153029-1.png]]
	376
	377
53.1	378	After setting up, select deployment
	379
	380	[[image:image-20240104101346-7.png\|\|height="242" width="724"]]
59.1	381
	382	Enter the server public IP + port 1880/ui
	383
	384	example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
	385
	386	You can see the UI display effect in the following picture
	387
59.3	388	[[image:image-20240104104931-2.png\|\|height="737" width="1131"]]
	389
62.1	390
	391	= 5. FAQ =
	392
	393	== 5.1 How to use Node-Red to schedule downlink to ChirpStack LoRaWAN Server? ==
	394
80.1	395	=== 5.1.1 Install node-red-node-base64 ===
	396
84.2	397
80.1	398	[[image:image-20240222154204-1.png\|\|height="456" width="983"]]
	399
	400	[[image:image-20240222154819-3.png\|\|height="469" width="990"]]
	401
	402
	403	=== 5.1.2 Import Example Flow ===
	404
84.2	405
80.1	406	The Json file for the example flow can be downloaded at this link:[[https:~~/~~/github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/chirpstack-MQTT-down.json.>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/chirpstack-MQTT-down.json]]
	407
	408	[[image:image-20240222155121-4.png\|\|height="495" width="1017"]]
	409
	410	[[image:image-20240222155239-5.png\|\|height="497" width="1020"]]
	411
	412
	413	=== 5.1.3 Establish connection ===
	414
84.2	415
80.1	416	Setting up the server:
	417
	418	[[image:image-20240222160019-7.png\|\|height="413" width="955"]]
	419
	420	[[image:image-20240222160223-8.png\|\|height="416" width="956"]]
	421
	422	[[image:image-20240222160347-9.png\|\|height="426" width="963"]]
	423
	424	Change the theme to Application lD and DevEUl for ChirpStack:
	425
	426	[[image:image-20240222160712-10.png\|\|height="429" width="988"]]
	427
	428	[[image:image-20240222160735-11.png\|\|height="417" width="984"]]
	429
	430	[[image:image-20240222160842-12.png\|\|height="387" width="992"]]
	431
	432	And then，
	433
	434	[[image:image-20240222161010-13.png\|\|height="454" width="997"]]
	435
	436	[[image:image-20240222161147-14.png\|\|height="478" width="1002"]]
	437
	438	Connection established successfully：
	439
	440	[[image:image-20240222161252-15.png\|\|height="412" width="1001"]]
	441
	442
	443	=== 5.1.4 Input downlink command ===
	444
84.2	445
80.1	446	[[image:image-20240222161614-16.png\|\|height="465" width="997"]]
	447
	448	[[image:image-20240222161937-17.png\|\|height="472" width="997"]]
	449
	450
	451	Example action video:[[https:~~/~~/youtu.be/Lqm-k5nQ5eU>>https://youtu.be/Lqm-k5nQ5eU]]
	452
84.2	453
81.1	454	== 5.2 How to use Node-Red to schedule downlink to TTN-V3 LoRaWAN Server? ==
80.1	455
81.1	456	=== 5.2.1 Reference 5.1.1 Installing base64 nodes ===
	457
84.1	458	=== 5.2.2 Import Example Flow ===
81.1	459
84.2	460
86.1	461	Reference 5.1.2
81.1	462
83.1	463	Taking LT-222222-L as an example
	464
84.1	465	The Json file for the example flow can be downloaded at this link:[[https:~~/~~/github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json>>https://github.com/dragino/dragino-end-node-decoder/blob/main/Node-RED/TTN-V3-MQTT-down.json]]
82.1	466
85.1	467	Please refer to this video for specific operation steps: [[https:~~/~~/youtu.be/kms679e4m_Y>>https://youtu.be/kms679e4m_Y]]

Wiki source code of Node-RED_Install and Use

Applications

Navigation