Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 37.3 >
edited by Xiaoling
on 2022/07/25 15:29
To version < 37.7 >
edited by Xiaoling
on 2022/07/25 16:02
>
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -27,25 +27,27 @@
27 27  
28 28  [[image:image-20220526161040-1.png]]
29 29  
30 -**Verify if the installation was successful**
31 31  
32 -Type in the command line interface  node-red  
31 +(% style="color:blue" %)**Verify if the installation was successful**
33 33  
33 +Type in the command line interface ** (% style="color:red" %)node-red(%%)**(% style="color:red" %)  
34 +
34 34  The following information appears to prove that the installation has been successful
35 35  
36 36  [[image:image-20220526161103-2.png]]
37 37  
38 38  
40 +
39 39  === 1.1.2  If you want to start Node-RED as a background process ===
40 40  
41 41  
42 -Type in the command line interface  nohup node-red &
44 +Type in the command line interface  (% style="color:red" %)**nohup node-red &**
43 43  
44 44  It will prompt after startup
45 45  
46 46  [[image:image-20220519104601-5.png]]
47 47  
48 -After seeing the above information, press enter
50 +After seeing the above information, press **enter**
49 49  
50 50  Type in the command line  exit
51 51  
... ... @@ -76,10 +76,12 @@
76 76  
77 77  Take NBSN95 mod1 UDP protocol as an example
78 78  
79 -After logging into the interface click '+' to create a flow
81 +After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
80 80  
81 81  [[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"]]
82 82  
85 +
86 +
83 83  Rename the stream
84 84  
85 85  [[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"]]
... ... @@ -90,33 +90,46 @@
90 90  
91 91  Drag UDP into the editing area
92 92  
97 +
98 +
93 93  [[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"]]
94 94  
101 +
95 95  The same method as above, drag and drop functions and debug into the editing area
96 96  
97 97  [[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"]]
98 98  
106 +
107 +
99 99  configure UDP in
100 100  
101 101  [[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"]]
102 102  
112 +
103 103  Write to the UDP port that the device node sends to the server
104 104  
105 105  Example My UDP device node sends to server port 8585
106 106  just write 8585
107 107  
108 -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.
109 109  
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 +
110 110  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.
111 111  
112 112  [[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"]]
113 113  
126 +
114 114  [[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"]]
115 115  
129 +
116 116  [[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"]]
117 117  
132 +
118 118  [[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"]]
119 119  
135 +
136 +
120 120  When the node successfully sends data, the effect shown in the following figure will appear
121 121  
122 122  [[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"]]
... ... @@ -129,6 +129,7 @@
129 129  If you are familiar with JS code, you can write it yourself
130 130  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
131 131  
149 +
132 132  [[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"]]
133 133  
134 134  
... ... @@ -141,12 +141,18 @@
141 141  
142 142  [[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"]]
143 143  
144 -~1. Click Install
162 +
163 +
164 +(% style="color:blue" %)**1. Click Install
145 145  2. Search the dashboard
146 -3. Click Install
166 +3. Click Install**
147 147  
168 +
169 +
148 148  [[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"]]
149 149  
172 +
173 +
150 150  After the installation is successful, nodered will show the following node icon
151 151  
152 152  [[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"]]
... ... @@ -162,14 +162,21 @@
162 162  
163 163  The demo uses 3 kinds. Voltage, temperature, humidity
164 164  
189 +
165 165  [[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"]]
166 166  
192 +
193 +
167 167  double click function
168 168  
196 +
169 169  [[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"]]
170 170  
199 +
200 +
171 171  Adjusted to 3, because we need to display 3 charts
172 172  
203 +
173 173  [[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"]]
174 174  
175 175  
... ... @@ -179,28 +179,42 @@
179 179  
180 180  Double-click while setting up the node as above
181 181  
213 +
182 182  [[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"]]
183 183  
216 +
184 184  [[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"]]
185 185  
219 +
186 186  [[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"]]
187 187  
222 +
188 188  [[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"]]
189 189  
225 +
190 190  [[image:image-20220525185746-2.png]]
191 191  
228 +
192 192  [[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"]]
193 193  
231 +
232 +
194 194  After the display interface is defined for the first time, subsequent charts can directly select the display interface
195 195  
196 -[[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"]]​​​​​​
197 197  
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 +
198 198  [[image:image-20220525190106-3.png]]
199 199  
242 +
243 +
200 200  Connect graph nodes to functions with lines
201 201  
202 202  Click to deploy
203 203  
248 +
204 204  [[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"]]
205 205  
206 206  Enter the server public IP + port 1880/ui
... ... @@ -207,6 +207,8 @@
207 207  
208 208  example：[[http:~~/~~/xxx.xx.xx.xx:1880/ui>>url:http://119.91.62.30:1880/ui/#!/18?socketid=WY1MCE0RFEKHey8KAADj]]
209 209  
255 +
256 +
210 210  [[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"]]
211 211  
212 212  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.

Applications

Navigation

Copyright ©2010-2024 Dragino Technology Co., LTD. All rights reserved
Dragino Wiki v2.0