Changes for page ThingsBoard
Last modified by Dilisi S on 2025/04/23 19:23
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (2 modified, 0 added, 3 removed)
Details
- Page properties
-
- Content
-
... ... @@ -164,33 +164,13 @@ 164 164 [[image:ins1.png||height="310" width="500"]] 165 165 166 166 167 -(% class="wikigeneratedid" %) 168 -= 3. Creating Devices = 167 += 3. Data Converters = 169 169 170 170 171 -First, you need to create devices in ThingsBoard to represent your physical devices. For example, you can name it **Device A**, and the second device could be **Device B** or any name you prefer. The device name should be unique within the **Devices** space. 172 - 173 - 174 -In the left navigation, click Entities -> Devices. 175 - 176 -Click the **Add Device** button (the button with the **+** sign), and from the dropdown menu, click **Add new device**. 177 - 178 -In the **Add new device** dialog box, enter the device name in the **Name** text box. For example, we will use **Device A**. 179 - 180 -Click the **Add** button. 181 - 182 -Skip the **connectivity testing** by clicking the **Close** button. 183 - 184 -The device is created and listed on the **Devices** page. Note that its initial state is **Inactive** because it has not received any data yet. 185 - 186 - 187 -= 4. Data Converters = 188 - 189 - 190 190 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. 191 191 192 192 193 -== 4.1 Uplink ==173 +== 3.1 Uplink == 194 194 195 195 196 196 In the left navigation, click **Integrations center**, and then click **Data converters**. ... ... @@ -212,9 +212,6 @@ 212 212 213 213 Delete the default decoder function in the code editor. Now copy and paste the following decoder function written in **JavaScript** in to the **code editor**. This decoder function is compatible for both NB and CB series devices. 214 214 215 -{{info}} 216 -Please note that the value assigned to the IMEI field in the payload will be used by ThingsBoard to create a device on the platform with the same name. 217 -{{/info}} 218 218 219 219 {{code language="JavaScript"}} 220 220 //Version: 0.1 ... ... @@ -352,9 +352,75 @@ 352 352 [[image:data-converter-list-showing-uplink-dc.png]] 353 353 354 354 355 -= 5.Add Integration =332 +== 3.2 Downlink == 356 356 357 357 335 +On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu. 336 + 337 + 338 +[[image:create-new-converter-menu.png||width="500"]] 339 + 340 + 341 + 342 +The **Add data converter** window will appear. Name it ‘**MQTT Downlink Converter NB/CB**’ and select the Type as **Downlink**. 343 + 344 +Click on the **TBEL** button if not selected it by default. Now copy and paste the following encoder function written in **TBEL (ThingsBoard Expression Language)** in to the **code editor**. This encoder function is compatible for both NB and CB series devices. 345 + 346 + 347 +{{code language="JavaScript"}} 348 +// Encode downlink data from incoming Rule Engine message 349 + 350 +// msg - JSON message payload downlink message json 351 +// msgType - type of message, for ex. 'ATTRIBUTES_UPDATED', 'POST_TELEMETRY_REQUEST', etc. 352 +// metadata - list of key-value pairs with additional data about the message 353 +// integrationMetadata - list of key-value pairs with additional data defined in Integration executing this converter 354 + 355 +/** Encoder **/ 356 + 357 +var data = {}; 358 + 359 +// Process data from incoming message and metadata 360 + 361 +data.tempFreq = msg.temperatureUploadFrequency; 362 +data.humFreq = msg.humidityUploadFrequency; 363 + 364 +data.devSerialNumber = metadata['ss_serialNumber']; 365 + 366 +// Result object with encoded downlink payload 367 +var result = { 368 + 369 + // downlink data content type: JSON, TEXT or BINARY (base64 format) 370 + contentType: "JSON", 371 + 372 + // downlink data 373 + data: JSON.stringify(data), 374 + 375 + // Optional metadata object presented in key/value format 376 + metadata: { 377 + topic: metadata['deviceType']+'/'+metadata['deviceName']+'/upload' 378 + } 379 + 380 +}; 381 + 382 +return result; 383 +{{/code}} 384 + 385 + 386 +Click on the **Add** button. 387 + 388 + 389 +[[image:add-downlink-data-converter.png||height="529" width="500"]] 390 + 391 + 392 +You should see that the newly added **MQTT Downlink** Converter NB/CB is listed on the **Data Converters** page. 393 + 394 + 395 +[[image:data-converters-list.png]] 396 + 397 + 398 += 4. Add Integration = 399 + 400 + 358 358 In the left navigation, click **Integrations center**, and then click **Integrations**. 359 359 360 360 ... ... @@ -395,17 +395,15 @@ 395 395 396 396 **Downlink data converter:** 397 397 398 -Dragino NB/CB devices don't require a downlink data converter to decode their payloads, so you can skip this step. 441 +* Click on the **Select existing** button. 442 +* **Downlink data converter**: Select **MQTT Downlink Converter NB/CB **from the dropdown list. 399 399 400 - *Clickon the**Skip**buttonin the Downlink data converter section.444 +Click **Next** button. 401 401 402 -Click **Skip** button. 403 403 447 +[[image:add-integration-downlink-data-converter.png||height="511" width="500"]] 404 404 405 -[[image:integration-dl-skip.png||height="511" width="500"]] 406 406 407 - 408 - 409 409 **Connection:** 410 410 411 411 * **Host**: Cluster URL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud) ... ... @@ -414,7 +414,7 @@ 414 414 * **Enable SSL**: YES 415 415 * **Username**: Username (from your HiveMQ Cloud Cluster with your credentials) 416 416 * **Password:** Password (from your HiveMQ Cloud Cluster with your credentials) 417 -* **Topic: v1/devices/ me/telemetry** (Thetopiccan be anything;you can even use just thedevice name.Forexample,you canuse yourdevice namehere,suchas S31B-NB.)458 +* **Topic: v1/devices/+/telemetry** (the + replaces any 'device name' will create a device in the Entities -> Devices) 418 418 * **QoS:** 0-At most once 419 419 420 420 ... ... @@ -448,13 +448,14 @@ 448 448 Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 449 449 450 450 492 + 451 451 [[image:new-integration-pending.png]] 452 452 453 453 454 -= 6. Verifying the receipt of data from virtual devices =496 += 5. Verifying the receipt of data from virtual devices = 455 455 456 456 457 -== 6.1 How does it work? ==499 +== 5.1 How does it work? == 458 458 459 459 460 460 We use the Mosquitto MQTT client to simulate MQTT messages, acting as a virtual device. First, install the Mosquitto client on your computer from [[this link>>url:https://mosquitto.org/download/]]. The Mosquitto client publishes messages to the MQTT broker (HiveMQ) on a specified MQTT topic. ThingsBoard subscribes to these messages using the same topic. ... ... @@ -488,51 +488,41 @@ 488 488 Also, a new device named **S31B-NB** will appear under **//Entities -> Devices -> All//**. This means the first MQTT message triggers ThingsBoard to provision a device named **S31B-NB**. 489 489 490 490 533 + 491 491 [[image:new-device.png]] 492 492 493 493 494 - ==6.3Viewingmessages==537 +Click on the device S31B-NB on the devices list to see its details. 495 495 539 +Then go to the **Latest telemetry** tab. 496 496 497 - Gobacktothe**Integrations**page.541 +You can see the fields temperature and humidity with the values you previously sent using the MQTT message. 498 498 499 -Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details. 500 500 501 - Click onthe**Edit** button (//**penicon**//).544 +[[image:telemetry-1.png]] 502 502 503 -Click on the **Disabled** button in the upper-right corner. 504 504 505 - Turnon the**All messages(15 min)**option.Thiswillenabledisplayingallmessagesinthe**Events** tab.Thissetting willexpirein 15 minutes,andyouwill needrepeatthesamestepsif youwantto view themessagesintheEventsablater.547 +Now, change the values of the fields and send the MQTT message again. For example, set temperature to 20 and humidity to 70. Observe how the values update in //Latest Telemetry//. 506 506 507 -Click on the **Apply** button. 508 508 509 - Then click onthe**Apply changes** (//**tick icon**//) button.550 +[[image:telemetry-2.png]] 510 510 511 511 512 - [[image:Screenshot 2025-03-18at09.23.10.png]]553 +Let's provision the second device named **LDS25-NB **with initial telemetry. Use the following MQTT message. 513 513 514 514 515 -Now go to the **Events** tab. 556 +{{code language="none"}} 557 +mosquitto_pub -d -q 1 -h 011731f7928541588a6cdfbbedfc63f4.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/LDS25-NB/telemetry" -u "pradeeka" -P "Kalpani123@" -m '{"temperature":11, "humidity":87}' 558 +{{/code}} 516 516 517 - SelecttheEventtypeas **Debug**from thedropdownlist.560 +Now, refresh the **Devices** page, and you will see the second device, **LDS25-NB**, which was recently provisioned. 518 518 519 -Now you can see all the Uplink messages you are simulating through the MQTT broker. The status should be OK if there is no errors in your integration. 520 520 563 +[[image:device-provision-2.png]] 521 521 522 -[[image:Screenshot 2025-03-16 at 18.38.59.png]] 523 523 566 += 6. Creating a Dashboard = 524 524 525 -Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window. 526 - 527 - 528 -[[image:Screenshot 2025-03-16 at 18.39.12.png]] 529 - 530 - 531 -Now, you have successfully tested your integration with a simulated uplink payload and verified that it is received by ThingsBoard, and the device is provisioned. 532 - 533 - 534 -= 7. Creating a Dashboard = 535 - 536 536 ThingsBoard **Dashboards** provide a powerful way to visualize and monitor real-time and historical data from connected devices. They allow users to create interactive, customizable panels displaying telemetry data, device status, and other key metrics. With a variety of widgets, including charts, maps, and tables, dashboards help users gain insights, track trends, and manage IoT deployments efficiently. 537 537 538 538 ... ... @@ -539,11 +539,6 @@ 539 539 This section guides you on how to create a dashboard to display temperature and humidity data from the device on a time-series chart. You may also use other widgets in ThingsBoard to display data according to your requirements. 540 540 541 541 542 -First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg: 543 - 544 -{{code language="none"}}mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "v1/devices/me/telemetry" -u "xxxxx" -P "xxxxx" -m '{"IMEI": "S31B-NB", "temperature": 22, "humidity":80}'{{/code}} 545 - 546 - 547 547 In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu. 548 548 549 549 ... ... @@ -600,11 +600,11 @@ 600 600 601 601 602 602 {{code language="none"}} 603 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t " v1/devices/me/telemetry" -u "xxxxx" -P "xxxxx" -m '{"IMEI": "S31B-NB", "temperature":2, "humidity":70}'630 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":20, "humidity":70}' 604 604 605 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t " v1/devices/me/telemetry" -u "xxxxx" -P "xxxxx" -m '{"IMEI": "S31B-NB", "temperature":7, "humidity":72}'632 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":22, "humidity":71}' 606 606 607 -mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t " v1/devices/me/telemetry" -u "xxxxx" -P "xxxxx" -m '{"IMEI": "S31B-NB", "temperature":9, "humidity":80}'634 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":18, "humidity":79}' 608 608 609 609 {{/code}} 610 610 ... ... @@ -614,10 +614,10 @@ 614 614 [[image:timeseries-4.png||height="316" width="700"]] 615 615 616 616 617 -= 8. Configure NB-IoT Sensor =644 += 7. Configure NB-IoT Sensor = 618 618 619 619 620 -Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the ** TS01-NB**.647 +Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **S31B-NB**. 621 621 622 622 First, configure the NB-IoT device with the necessary MQTT settings using AT commands. Below is a list of AT commands you can use. 623 623 ... ... @@ -625,8 +625,8 @@ 625 625 **AT Commands** 626 626 627 627 * **AT+PRO=3,3 **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3. 628 -* **AT+SUBTOPIC=<MQTT subscribetopic>Eg: TS01-NB**629 -* **AT+PUBTOPIC=<MQTT publishtopic>Eg: TS01-NB**655 +* **AT+SUBTOPIC=<MQTT topic>** 656 +* **AT+PUBTOPIC=<MQTT topic>** 630 630 * **AT+CLIENT=null** 631 631 * **AT+UNAME=<MQTT Username>** 632 632 * **AT+PWD=<MQTT Password>** ... ... @@ -633,16 +633,3 @@ 633 633 * **AT+SERVADDR=<Broker address, Port>** 634 634 635 635 Test your uplink by pressing the ACT button for 1 second. 636 - 637 - 638 - 639 -The following image shows the uplink payload of a real Dragino device. The publish topic is **TS01-NB**, and the device name is **861275077962896**, which is represented by the **IMEI**. 640 - 641 -{{info}} 642 -The ThingsBoard uses the device's IMEI number included in the payload to create a device in the Devices section. 643 -{{/info}} 644 - 645 -[[image:image-4.png]] 646 - 647 - 648 -
- Screenshot 2025-03-16 at 18.39.12.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 -2 11.9KB1 +277.0 KB - Content
- Screenshot 2025-03-18 at 09.23.10.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -78.7 KB - Content
- add-integration-connection.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 -15 8.1KB1 +153.2 KB - Content
- image-4.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -96.0 KB - Content
- integration-dl-skip.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -105.5 KB - Content