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 (1 modified, 2 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -164,34 +164,18 @@ 164 164 [[image:ins1.png||height="310" width="500"]] 165 165 166 166 167 -= 3. Creating Devices = 168 168 168 += 3. Data Converters = 169 169 170 -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. 171 171 172 - 173 -In the left navigation, click Entities -> Devices. 174 - 175 -Click the **Add Device** button (the button with the **+** sign), and from the dropdown menu, click **Add new device**. 176 - 177 -In the **Add new device** dialog box, enter the device name in the **Name** text box. For example, we will use **Device A**. 178 - 179 -Click the **Add** button. 180 - 181 -Skip the **connectivity testing** by clicking the **Close** button. 182 - 183 -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. 184 - 185 - 186 -= 4. Data Converters = 187 - 188 - 189 189 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. 190 190 173 +**In this section, you will create a universal uplink data converter for all Dragino NB-IoT devices. The uplink decoder converts any MQTT message coming from a device into key-value pairs that can be used to display and visualize data using various widgets on the dashboard**. 191 191 192 -== 4.1 Uplink == 193 193 176 +== 3.1 Uplink == 194 194 178 + 195 195 In the left navigation, click **Integrations center**, and then click **Data converters**. 196 196 197 197 ... ... @@ -198,7 +198,7 @@ 198 198 [[image:data-converters-list-empty.png]] 199 199 200 200 201 -On the **Data converters** page, click on the ‘**+**’ button, and then click on the**Create new converter** from the dropdown menu.185 +On the **Data converters** page, click on the ‘**+**’ button, and then click on **Create new converter** from the dropdown menu. 202 202 203 203 204 204 ... ... @@ -205,79 +205,67 @@ 205 205 [[image:create-new-converter-menu.png||height="259" width="500"]] 206 206 207 207 208 -The **Add data converter** window willappear.192 +The **Add data converter** window appears. 209 209 210 - Let's create an uplink data converter for the device named '**Device A**'.Name it ‘**MQTT Uplink Converter- Device A**’ and select the Type as **Uplink**.194 +Name it ‘**MQTT Uplink Converter**’ and select the Type as **Uplink**. 211 211 212 212 Click on the **TBEL** button if it has not been selected by default. 213 213 214 - Modifythe default TBEL function tomatch withyour deviceasdescribedbelow:198 +Replace the default TBEL decoder function with the following universal TBEL decoder function, which decodes MQTT payload from any Dragino NB-IoT device. 215 215 216 216 217 -* Uncomment** line 11**: 218 - 219 -//var data = decodeToJson(payload)// 220 - 221 - 222 -* **Line 13**: Assign your device name to the **deviceName** field. - We used **Device A** as it is to match with our device, **Device A **in the Devices section. 223 -* From **line 38**: Modify the telemetry section to allow parsed data to be assigned to the fields. 224 - 225 -//telemetry: { 226 - temperature: data.temperature, 227 - humidity: data.humidity, 228 - rawData: payloadStr 229 - }// 230 - 231 - 232 -The modified uplink decoder function to match with **Device A** is shown below. 233 - 234 234 {{code language="JavaScript"}} 235 -// Decode an uplink message from a buffer 236 -// payload - array of bytes 237 -// metadata - key/value object 238 - 239 -/** Decoder **/ 240 - 241 -// decode payload to string 242 -var payloadStr = decodeToString(payload); 243 - 244 244 // decode payload to JSON 203 +var pattern = "yyyy/MM/dd HH:mm:ss"; 204 +var objdata = {}; 205 +var obj1 = {}; 245 245 var data = decodeToJson(payload); 246 - 247 -var deviceName = 'Device A'; 248 -var deviceType = 'thermostat'; 249 -var customerName = 'Customer C'; 250 -var groupName = 'thermostat devices'; 251 -var manufacturer = 'Example corporation'; 252 -// use assetName and assetType instead of deviceName and deviceType 253 -// to automatically create assets instead of devices. 254 -// var assetName = 'Asset A'; 255 -// var assetType = 'building'; 256 - 257 -// Result object with device/asset attributes/telemetry data 258 -var result = { 259 -// Use deviceName and deviceType or assetName and assetType, but not both. 260 - deviceName: deviceName, 261 - deviceType: deviceType, 262 -// assetName: assetName, 263 -// assetType: assetType, 264 -// customerName: customerName, 265 - groupName: groupName, 266 - attributes: { 267 - model: 'Model A', 268 - serialNumber: 'SN111', 269 - integrationName: metadata['integrationName'], 270 - manufacturer: manufacturer 271 - }, 272 - telemetry: { 273 - temperature: data.temperature, 274 - humidity: data.humidity, 275 - rawData: payloadStr 276 - } 207 +var deviceName = data.IMEI; 208 +data.remove("IMEI"); 209 +var modelname = "Dragino "+ data.Model; 210 +//var mod = data.mod 211 +data.remove("Model"); 212 +//delete data.mod 213 +var timestamp = new Date().getTime(); 214 +foreach (entry: data.entrySet()) { 215 + var key = entry.getKey(); 216 + var value = entry.getValue(); 217 + //objdata[key] = data[key] 218 + if(key.matches("^-?\\d+$")){ //is number 219 + obj1[key]=data[key]; 220 + var index = obj1[key].length-1; 221 + obj1[key][index]=new Date(obj1[key][index],pattern).getTime(); 222 + } 223 + else if (key==="bat"||key==="BAT"){ 224 + objdata["battery"] = data[key]; 225 + } 226 + else{ 227 + objdata[key] = data[key]; 228 +}} 229 +var listdata = [{"ts":timestamp,"values":objdata}]; 230 +foreach ( entry1: obj1.entrySet()){ 231 + var key1 = entry1.getKey(); 232 + var value1 = entry1.getValue(); 233 + var index = obj1[key1].length-1; 234 + var ts = obj1[key1][index]; 235 + if (modelname=="Dragino RS485-NB"){ 236 + listdata.push({"ts":ts,"values":{"Payload":obj1[key1][0]}}); 237 + } 238 + else{ 239 + listdata.push({"ts":ts,"values":{"values":obj1[key1]}}); 240 + } 241 +} 242 + var result = { 243 + deviceName: deviceName, 244 + deviceType: modelname, 245 + attributes: { 246 + model: modelname 247 + //customerName: "NB-CB", 248 + //groupName: "NB-CB", 249 + //integrationName: metadata['integrationName'] 250 + }, 251 + telemetry: listdata 277 277 }; 278 - 279 -/** Helper functions 'decodeToString' and 'decodeToJson' are already built-in **/ 280 - 281 281 return result; 282 282 {{/code}} 283 283 ... ... @@ -285,18 +285,18 @@ 285 285 Once you modify the decoder function, click on the **Add** button. 286 286 287 287 260 +[[image:mqtt-uplink-converter.png||height="498" width="500"]] 288 288 289 -[[image:ul-data-converter-device-a.png||height="524" width="500"]] 290 290 291 291 292 292 You should see that the newly added **MQTT Uplink converter **NB/CB is listed on the **Data Converters** page. 293 293 294 294 295 -[[image:ul-data-converter-added.png||height="257"]] 296 296 268 +[[image:data-converters-list.png]] 297 297 298 298 299 -= 5. Add Integration =271 += 4. Add Integration = 300 300 301 301 302 302 In the left navigation, click **Integrations center**, and then click **Integrations**. ... ... @@ -318,7 +318,7 @@ 318 318 * **Integration type**: MQTT 319 319 * **Name**: MQTT integration - Device A 320 320 * **Enable integration**: YES 321 -* **Allow screate devices or assets**: YES293 +* **Allow create devices or assets**: YES 322 322 323 323 Click **Next** button. 324 324 ... ... @@ -364,8 +364,6 @@ 364 364 * **Topic: device/a** (The topic can be anything; you can even use just the device name.) 365 365 * **QoS:** 0-At most once 366 366 367 - 368 - 369 369 [[image:add-integartion-connection.png||height="505" width="500"]] 370 370 371 371 ... ... @@ -396,15 +396,16 @@ 396 396 Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 397 397 398 398 399 -[[image: new-integration-pending.png]]369 +[[image:integration-added.png]] 400 400 401 401 402 -= 6. Verifying the receipt of data from virtual devices = 403 403 373 += 5. Verifying the receipt of data from virtual devices = 404 404 405 -== 6.1 How does it work? == 406 406 376 +== 5.1 How does it work? == 407 407 378 + 408 408 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. 409 409 410 410 The Mosquitto client publishes messages (payloads) on the topic **/device/a**. Of course, you can use any topic for testing. ... ... @@ -421,7 +421,7 @@ 421 421 == 5.2 Sending messages == 422 422 423 423 424 -On t he terminal, issue the following MQTT command which simulates the deviceS31B-NB. The message payload contains the fieldsandhumidity, which hold the valuesS31B-NBand27,respectively. This payload is also (technically) known as telemetry.395 +On your computer's terminal, issue the following MQTT command which simulates the device '**Device A'**. The message payload contains the fields IMEI, temperature, humidity, and pressure, which hold the values 350693903995577, 30, 80, and 1005 respectively. This payload is also (technically) known as telemetry. 425 425 426 426 {{code language="none"}} 427 427 mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":30, "humidity":80, "pressure":1005}' ... ... @@ -433,11 +433,9 @@ 433 433 [[image:integration-active.png]] 434 434 435 435 407 +== 5.3 Viewing messages == 436 436 437 437 438 -== 6.3 Viewing messages == 439 - 440 - 441 441 Go back to the **Integrations** page. 442 442 443 443 Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details. ... ... @@ -453,21 +453,28 @@ 453 453 Then click on the **Apply changes** (//**tick icon**//) button. 454 454 455 455 456 -[[image: Screenshot2025-03-18at9.23.10.png]]425 +[[image:debug-enabled.png||height="301" width="700"]] 457 457 458 458 428 + 429 + 459 459 Now go to the **Events** tab. 460 460 461 -Select the Event type as **Debug** from the dropdown list. 432 +Select the **Event type** as **Debug** from the dropdown list. 462 462 463 - Nowyou canseelltheUplinkmessagesyouaremulating through theMQTTbroker.Thestatusshouldbe**OK **ifthereis noerrorsinyourintegration.434 +Publish another message (of course, you can repeat the previous message by pressing the UP arrow on your keyboard and then press Enter key) to your MQTT broker from your terminal, for example: 464 464 436 +{{code language="none"}} 437 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":30, "humidity":80, "pressure":1005}' 438 +{{/code}} 465 465 466 - [[image:Screenshot2025-03-26at19.49.31.png]]440 +Now you can see that uplink message in the **Events** tab (Click the **refresh** button if you didn't see any messages in the Events tab). The status should be **OK **if there is no errors in your integration. 467 467 468 468 443 +[[image:Screenshot 2025-03-26 at 19.49.31.png]] 469 469 470 470 446 + 471 471 Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window. 472 472 473 473 ... ... @@ -479,7 +479,7 @@ 479 479 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. 480 480 481 481 482 -= 7. Creating a Dashboard =458 += 6. Creating a Dashboard = 483 483 484 484 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. 485 485 ... ... @@ -489,7 +489,7 @@ 489 489 490 490 First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg: 491 491 492 -{{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":468 +{{code language="none"}}mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":22, "humidity":80, "pressure":1005}'{{/code}} 493 493 494 494 495 495 In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu. ... ... @@ -527,15 +527,19 @@ 527 527 528 528 Configure the **Time series chart** widget as follows: 529 529 530 -* **Datasource** - select S31B-NBdevice you provisioned.506 +* **Datasource** - select **Device A** device you provisioned. 531 531 * **Series**: 532 532 ** **temperature** - you can see this key by default. 533 533 ** **humidity** - Click **Add series** button. Then add the **humidity** for the key and then type **%** as its unit. 534 534 * Click on the **Add** button. 535 535 536 -[[image:timeseries-1.png||height="491" width="700"]] 512 +{{info}} 513 +You can add only the relevant fields from the device's payload to display data on a widget. These fields are called 'keys'. 514 +{{/info}} 537 537 516 +[[image:Screenshot 2025-03-31 at 06.51.15.png||height="485" width="700"]] 538 538 518 + 539 539 The time-series chart will appear in edit mode. Resize it by clicking and dragging the lower-right corner. 540 540 541 541 Click the **Save** button to add the widget to the dashboard. ... ... @@ -548,12 +548,11 @@ 548 548 549 549 550 550 {{code language="none"}} 551 -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":531 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":22, "humidity":70, "pressure":1005}' 552 552 553 -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":533 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":27, "humidity":72, "pressure":1005}' 554 554 555 -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": 19, "humidity":80}' 556 - 535 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -u "xxxxx" -P "xxxxx" -t "device/a" -m '{"IMEI":"350693903995577", "temperature":19, "humidity":80, "pressure":1005}' 557 557 {{/code}} 558 558 559 559 The chart will update with the values in realtime, as shown in the below image. ... ... @@ -562,7 +562,7 @@ 562 562 [[image:timeseries-4.png||height="316" width="700"]] 563 563 564 564 565 -= 8. Configure 544 += 8. Configure Physical NB-IoT Sensor = 566 566 567 567 568 568 Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **TS01-NB**. ... ... @@ -584,12 +584,7 @@ 584 584 585 585 586 586 587 -The following image shows the uplink payload of a real Dragino device. The publish topic is **,and the device nameis**861275077962896**,which isrepresentedbythe**IMEI**.566 +The following image shows the uplink payload of a real Dragino device. The publish topic is '**TS01-NB' that contains fields in the payload, IMEI, IMSI, Model, temperature, etc**. Note that we have created a device named **TS01-NB** in the **Devices** section in advance. 588 588 589 -{{info}} 590 -The ThingsBoard uses the device's IMEI number included in the payload to create a device in the Devices section. 591 -{{/info}} 592 592 593 593 [[image:image-4.png]] 594 - 595 -
- data-converters-list.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 - 212.2KB1 +19.0 KB - Content
- Screenshot 2025-03-31 at 06.51.15.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +179.5 KB - Content
- mqtt-uplink-converter.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +75.3 KB - Content