Skip to Content

Changes for page ThingsBoard

Last modified by Dilisi S on 2025/04/23 19:23
From version 35.1
edited by Dilisi S
on 2025/03/04 19:34
Change comment: Uploaded new attachment "data-converter-list.png", version {1}
To version 68.1
edited by Dilisi S
on 2025/03/08 03:35
Change comment: Deleted image "add-integration-uplink-data-converter.png"

Summary

Details

Page properties
Content
... ... @@ -6,48 +6,107 @@
6 6  Draft Document
7 7  {{/warning}}
8 8  
9 -= Introduction =
10 10  
10 +
11 +
12 += 1. Introduction =
13 +
14 +
11 11  This document guides you on integrating Dragino **-NB** and **-CB** series devices data with ThingsBoard. For this guide, we use ThingsBoard Cloud, which is one of the ThingsBoard versions that allows you to try it for free.
12 12  
13 13  The **NB series** devices end with the suffix **-NB**, and the **CB series** devices end with the suffix **-CB**. For example, **S31B-NB** is an **NB device**, and **S31-CB** is a **CB device**.
14 14  
15 15  
16 -= Add New Device =
20 += 2. Add New Device =
17 17  
18 -In the left navigation, click **Entities** and then click **Devices**.
19 19  
23 +First, we will add a device to simulate data using MQTT. This device does not represent a real physical device but serves as a common virtual device for all Dragino NB/CB devices.
20 20  
21 -[[image:ThingsBoard-Device.png]]
25 +In the left navigation, click **Entities** and then click **Devices**.
22 22  
27 +[[image:device-list-empty.png]]
23 23  
29 +
24 24  On the **Devices **page, click on the ‘**+**’ button, and then click on the **Add new device **from the dropdown menu.
25 25  
26 -
27 27  [[image:ThingsBoard-add-new-device.png||height="279" width="500"]]
28 28  
29 29  
35 +The **Add new device** window appears. Name the device, for example '**Virtual NB/CB device**'.
30 30  
31 -= Data Converters =
37 +Click on the **Next: Credentials** button.
32 32  
39 +[[image:new-device-device-details.png||height="529" width="500"]]
40 +
41 +
42 +Click the **Access token** button if it is not selected by default.
43 +
44 +Copy the **Access token** to a text editor, as you will need it in the section **'Sending data from an MQTT client'**.
45 +
46 +Click on the **Add** button.
47 +
48 +[[image:new-device-access-token.png||height="528" width="500"]]
49 +
50 +
51 +Click on the **MQTT** button.
52 +
53 +Then, select the operating system you are going to use with the **Mosquitto MQTT Broker**. This example shows sending a command from a computer running **MacOS**. First, install the necessary client tools on your computer.
54 +
55 +Copy the MQTT pub command in the '**Execute the following command**' section.
56 +
57 +{{code language="none"}}
58 +mosquitto_pub -d -q 1 -h mqtt.eu.thingsboard.cloud -p 1883 -t v1/devices/me/telemetry -u "24vk3w9h7sqdld1me5eh" -m "{temperature:25}"
59 +{{/code}}
60 +
61 +Note that the **State** is still shown as **'Inactive'** in the **Latest telemetry** section.
62 +
63 +[[image:new-device-check-connectivity.png||height="522" width="500"]]
64 +
65 +
66 +On the terminal, enter the command you copied. This command sends the MQTT payload **{temperature:25}** as telemetry data from a virtual device named **'me'**. Of course, you can replace **'me'** with a device name or use the wildcard character **'+'** to match any device name.
67 +
68 +
69 +[[image:mqtt-command-1.png||height="228" width="700"]]
70 +
71 +
72 +If the command is successful, you can see the telemetry data you sent under the **Latest telemetry** section. Note that the **State** is now **'Active'** in the **Latest telemetry** section.
73 +
74 +
75 +[[image:new-device-telemetry-test.png||height="520" width="500"]]
76 +
77 +
78 +Send the same command again, only changing the **temperature** value, to see how the **Latest telemetry** section updates its data.
79 +
80 +Once you are done experimenting with this, close the window by clicking the **Close** button.
81 +
82 +
83 +[[image:mqtt-command-2.png||height="227" width="700"]]
84 +
85 +
86 +
87 +[[image:virtual-device-active.png]]
88 +
89 +
90 += 3. Data Converters =
91 +
92 +
33 33  In **ThingsBoard**, **Data Converters** are components used to transform incoming or outgoing data between different formats, typically to convert raw telemetry data from devices into a structured format that ThingsBoard can understand, or vice versa.
34 34  
35 35  
36 -== Uplink ==
96 +== 3.1 Uplink ==
37 37  
98 +
38 38  In the left navigation, click **Integrations center**, and then click **Data converters**.
39 39  
101 +[[image:data-converter-list-page.png]]
40 40  
41 -[[image:ThingsBoard-Data-Converters.png]]
42 42  
43 -
44 44  On the **Data converters** page, click on the ‘+’ button, and then click on the **Create new converter** from the dropdown menu.
45 45  
46 -
47 47  [[image:ThingsBoard-new-data-converter.png||height="282" width="500"]]
48 48  
49 49  
50 -The **Add data converter** window will appear. Name it ‘**UDP Uplink Converter NB/CB**’ and select the Type as **Uplink**.
109 +The **Add data converter** window will appear. Name it ‘**MQTT Uplink Converter NB/CB**’ and select the Type as **Uplink**.
51 51  
52 52  Click on the **JavaScript** button. Now copy and paste the following JavaScript to the **Decoder function** section. This decoder function is valid for both NB and CB series devices.
53 53  
... ... @@ -174,27 +174,26 @@
174 174  
175 175  {{/code}}
176 176  
236 +
177 177  Click on the **Add** button.
178 178  
239 +[[image:uplink-data-converter.png||height="529" width="500"]]
179 179  
180 -[[image:ThingsBoard-add-data-converter-uplink.png||width="500"]]
181 181  
182 -
183 183  You should see that the newly added **uplink data converter** is listed on the **Data Converters** page.
184 184  
244 +[[image:data-converter-list-showing-uplink-dc.png]]
185 185  
186 -[[image:Data-converter-list-uplink-only.png]]
187 187  
247 +== 3.2 Downlink ==
188 188  
189 -== Downlink ==
190 190  
191 191  On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu.
192 192  
193 -
194 194  [[image:ThingsBoard-new-data-converter.png||height="282" width="500"]]
195 195  
196 196  
197 -The **Add data converter** window will appear. Name it ‘**UDP Downlink Converter NB/CB**’ and select the Type as **Downlink**.
255 +The **Add data converter** window will appear. Name it ‘**MQTT Downlink Converter NB/CB**’ and select the Type as **Downlink**.
198 198  
199 199  Click on the **JavaScript** button. Now copy and paste the following JavaScript to the **Encoder function **section. This encoder function is valid for both NB and CB series devices.
200 200  
... ... @@ -231,26 +231,24 @@
231 231  
232 232  Click on the **Add** button.
233 233  
292 +[[image:downlink-data-converter.png||height="530" width="500"]]
234 234  
235 -[[image:ThingsBoard-add-data-converter-downlink.png||height="532" width="500"]]
236 236  
237 -
238 238  You should see that the newly added **downlink data converter** is listed on the **Data Converters** page.
239 239  
297 +[[image:data-converter-list.png]]
240 240  
241 -[[image:Data-converter-list.png]]
242 242  
300 += 4. Add Integration =
243 243  
244 -= Add Integration =
245 245  
246 246  In the left navigation, click **Integrations center**, and then click **Integrations**.
247 247  
248 248  On the **Integrations** page, click on the '**+**' button.
249 249  
307 +[[image:data-converter-list-page.png]]
250 250  
251 -[[image:ThingsBoard-add-integration.png]]
252 252  
253 -
254 254  The **Add integration** window appears.
255 255  
256 256  In the **Add integration** window, configure the following settings:
... ... @@ -258,12 +258,11 @@
258 258  
259 259  **Basic settings:**
260 260  
261 -* **Integration type**: UDP
262 -* **Name**: UDP Integration NB/CB
317 +* **Integration type**: MQTT
318 +* **Name**: MQTT integration NB/CB
263 263  
264 264  Click **Next** button.
265 265  
266 -
267 267  [[image:add-integration-basic-settings.png||height="511" width="500"]]
268 268  
269 269  
... ... @@ -270,50 +270,61 @@
270 270  **Uplink data converter:**
271 271  
272 272  * Click on the **Select existing** button.
273 -* **Uplink data converter**: Select **UDP Uplink Converter NB/CB **from the dropdown list.
328 +* **Uplink data converter**: Select **MQTT Uplink Converter NB/CB **from the dropdown list.
274 274  
275 275  Click **Next** button.
276 276  
332 +[[image:add-integration-uplink-data-converter.png||width="500"]]
277 277  
278 -[[image:add-integration-uplink-data-converter.png||height="511" width="500"]]
279 279  
280 -
281 281  **Downlink data converter:**
282 282  
283 283  * Click on the **Select existing** button.
284 -* **Downlink data converter**: Select **UDP Downlink Converter NB/CB **from the dropdown list.
338 +* **Downlink data converter**: Select **MQTT Downlink Converter NB/CB **from the dropdown list.
285 285  
286 286  Click **Next** button.
287 287  
342 +[[image:add-integration-downlink-data-converter.png||height="510" width="500"]]
288 288  
289 -[[image:add-integration-downlink-data-converter.png||height="512" width="500"]]
290 290  
291 -
292 292  **Connection:**
293 293  
294 -* **Port**: 11582
295 -* **Size of the buffer for inbound socket (in KB)**: 64
296 -* **Cache Size**: 10000000
297 -* **Cache time to live in minutes**: 1440
347 +* **Host**: mqtt.eu.thingsboard.cloud (This is the host name you copied from the device - See section xxxxx for more information)
348 +* **Port**: 1883 (This is the port number you copied from the device - See section xxxxx for more information)
349 +* **Credentials**: Basic
350 +* **Username**: Access token (This is the access token you copied from the device)
351 +* **Password** - Leave it as blank
352 +* **Topic** - v1/devices/+/telemetry (sightly modify the topic 'v1/devices/me/telemetry' you copied from the device to enable receiving data from any 'device name')
353 +* **QoS** - 0-At most once
298 298  
299 -Copy the two keys, **Integration key** and **Integration secret** into a text editor, as you will need them in the section ‘xxxxx’.
355 +Click on the **Check connection** button to verify the MQTT connection using the provided parameters.
300 300  
301 -Click on the **Add** button.
357 +[[image:add-integration-connection.png||width="500"]]
302 302  
303 303  
304 -[[image:add-integration-connection.png||height="511" width="500"]]
360 +If the connection is successful, you will see the **Connected** message.
305 305  
362 +Click on the **Add** button.
306 306  
364 +[[image:add-connection-success.png||height="511" width="500"]]
365 +
366 +
307 307  You should see that the newly added integration is listed on the **Integrations** page.
308 308  
309 309  Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.**
310 310  
311 -[[image:Integrations-list.png]]
371 +[[image:integrations-list-added-pending.png]]
312 312  
313 313  
314 -= Verifying the receipt of data from the device =
374 += 5. Verifying the receipt of data from the device =
315 315  
316 -Connect **S31B-NB** to transfer information. If the integration was performed without errors, after the transmission of the first telemetry, a new device with the name “xxxxx” will appear in the Devices → All. Also, you can verify the input and output data, respectively, before and after conversion in Data converters → UDP Uplink Converter NB/CB → Events.
317 317  
377 +On the terminal, issue the following MQTT command which simulates the device S31B-NB.
318 318  
379 +{{code language="none"}}
380 +mosquitto_pub -d -q 1 -h mqtt.eu.thingsboard.cloud -p 1883 -t v1/devices/S31B-NB/telemetry -u "24vk3w9h7sqdld1me5eh" -m "{temperature:20}"
381 +{{/code}}
382 +
383 +If the integration was performed without errors, after the transmission of the first telemetry, a new device with the name “S31B-NB” will appear in the Devices → All. Also, you can verify the input and output data, respectively, before and after conversion in Data converters → UDP Uplink Converter NB/CB → Events.
384 +
319 319  
ThingsBoard-Device.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -225.5 KB
Content
ThingsBoard-add-integration.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -128.6 KB
Content
add-integration-connection.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -124.4 KB
Content
add-integration-uplink-data-converter.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -120.7 KB
Content
device-list-empty.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
integrations-list-added-pending.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
mqtt-command-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
mqtt-command-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
new-device-access-token.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
new-device-check-connectivity.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
new-device-device-details.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +88.4 KB
Content
new-device-telemetry-test.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content
virtual-device-active.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +202.8 KB
Content