Changes for page Node-RED_Install and Use

Last modified by Mengting Qiu on 2024/11/29 10:15
<
From version < 110.1 >
edited by Mengting Qiu
on 2024/11/19 13:31
To version < 95.1 >
edited by Mengting Qiu
on 2024/11/19 10:22
>
Change comment: Uploaded new attachment "image-20241119102218-4.png", version {1}

Summary

Details

Page properties
Content
... ... @@ -84,27 +84,33 @@
84 84  
85 85  After logging into the interface click** (% style="color:red" %)"+" (%%)**to create a flow
86 86  
87 -[[image:image-20241119101328-1.png||height="460" width="970"]]
88 88  
88 +[[image:image-20241119095303-1.png||height="462" width="927"]]
89 +
89 89  Rename the stream
90 90  
92 +[[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"]]
91 91  
92 92  
93 -[[image:image-20241119101551-2.png||height="465" width="979"]]
95 +[[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"]]
94 94  
95 95  
98 +[[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"]]
99 +
96 96  Drag UDP into the editing area
97 97  
98 -[[image:image-20241119101952-3.png||height="466" width="983"]]
99 99  
103 +[[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 100  
105 +
101 101  The same method as above, drag and drop functions and debug into the editing area
102 102  
103 -[[image:image-20241119102218-4.png||height="468" width="986"]]
108 +[[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"]]
104 104  
110 +
105 105  configure UDP in
106 106  
107 -[[image:image-20241119103312-7.png||height="470" width="991"]]
113 +[[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"]]
108 108  
109 109  
110 110  Write to the UDP port that the device node sends to the server
... ... @@ -118,12 +118,21 @@
118 118  
119 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.
120 120  
121 -[[image:image-20241119105123-9.png||height="557" width="995"]]
127 +[[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"]]
122 122  
123 123  
130 +[[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"]]
131 +
132 +
133 +[[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"]]
134 +
135 +
136 +[[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"]]
137 +
138 +
124 124  When the node successfully sends data, the effect shown in the following figure will appear
125 125  
126 -[[image:image-20241119104939-8.png||height="473" width="996"]]
141 +[[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"]]
127 127  
128 128  
129 129  === 2.2.1 About function ===
... ... @@ -130,9 +130,9 @@
130 130  
131 131  
132 132  If you are familiar with JS code, you can write it yourself
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]])
148 +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.
134 134  
135 -[[image:image-20241119112519-14.png||height="483" width="1018"]]
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" height="478" width="789"]]
136 136  
137 137  
138 138  == 2.3 Plot Chart for sensors ==
... ... @@ -140,7 +140,7 @@
140 140  
141 141  If you need data visualization, please refer to the following
142 142  
143 -[[image:image-20241119112928-15.png||height="484" width="1020"]]
158 +[[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"]]
144 144  
145 145  
146 146  (% style="color:blue" %)**1. Click Install**
... ... @@ -150,12 +150,12 @@
150 150  (% style="color:blue" %)**3. Click Install**
151 151  
152 152  
153 -[[image:image-20241119110335-11.png||height="483" width="1018"]]
168 +[[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"]]
154 154  
155 155  
156 156  After the installation is successful, nodered will show the following node icon
157 157  
158 -[[image:image-20241119110539-12.png||height="484" width="1020"]]
173 +[[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"]]
159 159  
160 160  
161 161  === 2.3.1 the line chart as an example ===
... ... @@ -167,17 +167,17 @@
167 167  
168 168  The demo uses 3 kinds. Voltage, temperature, humidity
169 169  
170 -[[image:image-20241119114103-18.png||height="422" width="889"]]
185 +[[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"]]
171 171  
172 172  
173 173  double click function
174 174  
175 -[[image:image-20241119113522-16.png||height="425" width="896"]]
190 +[[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"]]
176 176  
177 177  
178 178  Adjusted to 3, because we need to display 3 charts
179 179  
180 -[[image:image-20241119113742-17.png||height="427" width="899"]]
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" height="418" width="755"]]
181 181  
182 182  
183 183  === 2.3.2 the chart settings ===
... ... @@ -466,3 +466,4 @@
466 466  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]]
467 467  
468 468  Please refer to this video for specific operation steps: [[https:~~/~~/youtu.be/kms679e4m_Y>>https://youtu.be/kms679e4m_Y]]
484 +
image-20241119102408-5.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -118.1 KB
Content
image-20241119102616-6.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -125.7 KB
Content
image-20241119103312-7.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -137.3 KB
Content
image-20241119104939-8.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -123.0 KB
Content
image-20241119105123-9.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -113.5 KB
Content
image-20241119105623-10.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -127.3 KB
Content
image-20241119110335-11.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -168.9 KB
Content
image-20241119110539-12.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -136.4 KB
Content
image-20241119111420-13.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -111.7 KB
Content
image-20241119112519-14.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -120.2 KB
Content
image-20241119112928-15.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -133.4 KB
Content
image-20241119113522-16.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -128.9 KB
Content
image-20241119113742-17.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -136.7 KB
Content
image-20241119114103-18.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.ting
Size
... ... @@ -1,1 +1,0 @@
1 -186.2 KB
Content

Applications

Navigation

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