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, 10 added, 0 removed)
- add-integration-basic-settings.png
- integration-active.png
- Screenshot 2025-03-26 at 18.15.08.png
- Screenshot 2025-03-26 at 19.47.52.png
- Screenshot 2025-03-26 at 19.49.31.png
- add-integartion-connection.png
- add-integartion-connetcion.png
- add-integration-ul-data-converter.png
- debug-enabled.png
- integration-added.png
- ul-data-converter-added.png
- ul-data-converter-device-a.png
Details
- Page properties
-
- Content
-
... ... @@ -164,13 +164,32 @@ 164 164 [[image:ins1.png||height="310" width="500"]] 165 165 166 166 167 -= 3. Data Converters =167 += 3. Creating Devices = 168 168 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 + 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 + 170 170 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. 171 171 172 172 173 -== 3.1 Uplink ==192 +== 4.1 Uplink == 174 174 175 175 176 176 In the left navigation, click **Integrations center**, and then click **Data converters**. ... ... @@ -186,155 +186,100 @@ 186 186 [[image:create-new-converter-menu.png||height="259" width="500"]] 187 187 188 188 189 -The **Add data converter** window will appear. Name it ‘**MQTT Uplink Converter NB/CB**’ and select the Type as **Uplink**.208 +The **Add data converter** window will appear. 190 190 191 - Click on the **JavaScript**button.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**. 192 192 193 - Delete the default decoderfunctioninthecode editor. Now copy and paste the followingdecoder functionwrittenin **JavaScript** intohe**codeditor**.Thisdecoder function is compatibleforbothNB andCB series devices.212 +Click on the **TBEL** button if it has not been selected by default. 194 194 195 -{{info}} 196 -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. 197 -{{/info}} 214 +Modify the default TBEL function to match with your device as described below: 198 198 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 + 199 199 {{code language="JavaScript"}} 200 -//Version: 0.1 235 +// Decode an uplink message from a buffer 236 +// payload - array of bytes 237 +// metadata - key/value object 238 + 239 +/** Decoder **/ 240 + 201 201 // decode payload to string 202 202 var payloadStr = decodeToString(payload); 203 203 204 204 // decode payload to JSON 205 -var objdata = {}; 206 -var obj1 = {}; 207 207 var data = decodeToJson(payload); 208 -var deviceName = data.IMEI; 209 -delete data.IMEI; 210 -var modelname = "Dragino " + data.Model; 211 -//var mod = data.mod 212 -delete data.Model; 213 -//delete data.mod 214 -var timestamp = new Date().getTime(); 215 215 216 -for (var key in data) { 217 - 218 - if (Number(key)) { 219 - obj1[key] = data[key]; 220 - obj1[key][obj1[key].length - 1] = Number(new Date( 221 - obj1[key][obj1[key].length - 1])); 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'; 222 222 223 - } 224 -//Alec submitted25/02/25 225 -//turn old key into new 226 - else if (key === "Reading") { 227 - objdata["reading"] = data[key]; 228 - } else if (key === "work mode") { 229 - objdata["work_mode"] = data[key]; 230 - } else if (key === "hum") { 231 - objdata["humidity"] = data[key]; 232 - }else if (key === "hum2") { 233 - objdata["humidity2"] = data[key]; 234 - } else if (key === "hum3") { 235 - objdata["humidity3"] = data[key]; 236 - } else if (key === "tem") { 237 - objdata["temperature"] = data[key]; 238 - } else if (key === "tem2") { 239 - objdata["temperature2"] = data[key]; 240 - } else if (key === "tem3") { 241 - objdata["temperature3"] = data[key]; 242 - } else if (key === "DS18B20_Temp") { 243 - objdata["temperature_pro"] = data[key]; 244 - } else if (key === "ds18b20_temperature") { 245 - objdata["temperature_pro"] = data[key]; 246 - } else if (key === "DS18B20_temperature_pro") { 247 - objdata["temperature_pro"] = data[key]; 248 - } else if (key === "tdc send flag") { 249 - objdata["tdc_send_flag"] = data[key]; 250 - } else if (key === "trigger mode") { 251 - objdata["trigger_mode"] = data[key]; 252 - } else if (key === "soil dielectric constant") { 253 - objdata["soil_dielectric_constant"] = data[key]; 254 - } else if (key === "door open num") { 255 - objdata["door_open_num"] = data[key]; 256 - } else if (key === "door duration") { 257 - objdata["door_duration"] = data[key]; 258 - } else if (key === "count time") { 259 - objdata["count_time"] = data[key]; 260 - } else if (key === "last open time2") { 261 - objdata["last_open_time2"] = data[key]; 262 - } else if (key === "last open time3") { 263 - objdata["last_open_time3"] = data[key]; 264 - } 265 -//Alec submitted25/02/25 266 - else { 267 - objdata[key] = data[key] 268 - } 269 -} 270 -var listdata = [{ 271 - "ts": timestamp, 272 - "values": objdata 273 -}] 274 -for (var key1 in obj1) { 275 - if (modelname == "Dragino RS485-NB") { 276 - listdata.push({ 277 - "ts": obj1[key1][obj1[key1].length - 1], 278 - "values": { 279 - "Payload": obj1[key1][0], 280 - } 281 - }) 282 - } else { 283 - listdata.push({ 284 - "ts": obj1[key1][obj1[key1].length - 1], 285 - "values": { 286 - "values": obj1[key1] 287 - }, 288 - }) 289 - } 290 -} 257 +// Result object with device/asset attributes/telemetry data 291 291 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 + } 277 +}; 292 292 293 - deviceName: deviceName, 294 - deviceType: modelname, 295 - attributes: { 296 - model: modelname, 297 - //customerName: "NB-CB", 298 - //groupName: "NB-CB", 299 - //integrationName: metadata['integrationName'] 279 +/** Helper functions 'decodeToString' and 'decodeToJson' are already built-in **/ 300 300 301 - }, 302 - telemetry: listdata 303 -} 304 - 305 -function decodeToString(payload) { 306 - return String.fromCharCode.apply(String, payload); 307 -} 308 - 309 -function decodeToJson(payload) { 310 - // covert payload to string. 311 - var str = decodeToString(payload); 312 - 313 - // parse string to JSON 314 - var data = JSON.parse(str); 315 - return data; 316 -} 317 - 318 318 return result; 319 319 {{/code}} 320 320 321 321 322 - Click on the **Add** button.285 +Once you modify the decoder function, click on the **Add** button. 323 323 324 324 325 -[[image:mqtt-uplink.png||width="500"]] 326 326 289 +[[image:ul-data-converter-device-a.png||height="524" width="500"]] 327 327 328 328 329 329 You should see that the newly added **MQTT Uplink converter **NB/CB is listed on the **Data Converters** page. 330 330 331 331 332 -[[image:data-converter- list-showing-uplink-dc.png]]295 +[[image:ul-data-converter-added.png||height="257"]] 333 333 334 334 335 -= 4. Add Integration = 336 336 299 += 5. Add Integration = 337 337 301 + 338 338 In the left navigation, click **Integrations center**, and then click **Integrations**. 339 339 340 340 ... ... @@ -352,7 +352,7 @@ 352 352 **Basic settings:** 353 353 354 354 * **Integration type**: MQTT 355 -* **Name**: MQTT integration NB/CB319 +* **Name**: MQTT integration - Device A 356 356 * **Enable integration**: YES 357 357 * **Allows create devices or assets**: YES 358 358 ... ... @@ -359,9 +359,11 @@ 359 359 Click **Next** button. 360 360 361 361 362 -[[image:add-integration-basic-settings.png||height="5 11" width="500"]]326 +[[image:add-integration-basic-settings.png||height="504" width="500"]] 363 363 364 364 329 + 330 + 365 365 **Uplink data converter:** 366 366 367 367 * Click on the **Select existing** button. ... ... @@ -370,9 +370,10 @@ 370 370 Click **Next** button. 371 371 372 372 373 -[[image:add-integration-u plink-data-converter.png||height="511" width="500"]]339 +[[image:add-integration-ul-data-converter.png||height="505" width="500"]] 374 374 375 375 342 + 376 376 **Downlink data converter:** 377 377 378 378 Dragino NB/CB devices don't require a downlink data converter to decode their payloads, so you can skip this step. ... ... @@ -388,20 +388,19 @@ 388 388 389 389 **Connection:** 390 390 391 -* **Host**: ClusterURL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud)358 +* **Host**: Host URL (Eg. **//011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud//**) 392 392 * **Port**: 8883 393 -* **Credentials**: Basic 394 -* **Enable SSL**: YES 360 +* **Credentials type**: Basic 395 395 * **Username**: Username (from your HiveMQ Cloud Cluster with your credentials) 396 396 * **Password:** Password (from your HiveMQ Cloud Cluster with your credentials) 397 -* **Topic: v1/devices/me/telemetry** (The topic can be anything; you can even use just the device name. For example, you can use your device name here, such as S31B-NB.) 363 +* **Enable SSL**: YES 364 +* **Topic: device/a** (The topic can be anything; you can even use just the device name.) 398 398 * **QoS:** 0-At most once 399 399 400 400 368 +[[image:add-integartion-connection.png||height="505" width="500"]] 401 401 402 -[[image:add-integration-connection.png||height="511" width="500"]] 403 403 404 - 405 405 Click on the **Advanced settings** button. 406 406 407 407 * **Clean session:** YES ... ... @@ -429,35 +429,36 @@ 429 429 Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 430 430 431 431 432 -[[image: new-integration-pending.png]]398 +[[image:integration-added.png]] 433 433 434 434 435 -= 5. Verifying the receipt of data from virtual devices = 436 436 402 += 6. Verifying the receipt of data from virtual devices = 437 437 438 -== 5.1 How does it work? == 439 439 405 +== 6.1 How does it work? == 440 440 407 + 441 441 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. 442 442 443 -The Mosquitto client publishes messages (payloads) on the topic ** v1/devices/me/telemetry**. Of course, you can use any topic for testing.410 +The Mosquitto client publishes messages (payloads) on the topic **/device/a**. Of course, you can use any topic for testing. 444 444 445 -(% id="cke_bm_37386S" style="display:none" %) (%%)The MQTT payload format is as follows , which is common for all **~-~-NB** and **~-~-CB** series devices. The **IMEI** field is mandatory and is used to provision a new device with the name assigned to it in ThingsBoard.412 +(% id="cke_bm_37386S" style="display:none" %) (%%)The MQTT payload format is as follows: 446 446 447 447 {{code language="none"}} 448 -{"IMEI": " S31B-NB", "temperature":7,......}415 +{"IMEI": "350693903995577", "temperature":25, "humidity":80, "pressure":1005} 449 449 {{/code}} 450 450 451 -Once ThingsBoard receives this message, it automaticallycreates(provisions)the devicementionedinhe**IMEI**, forexample, S31B-NB.418 +Once ThingsBoard receives this message, it forwards this payload to the matching device through the integration. 452 452 453 453 454 454 == 5.2 Sending messages == 455 455 456 456 457 -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.424 +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. 458 458 459 459 {{code language="none"}} 460 -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":27}'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}' 461 461 {{/code}} 462 462 463 463 If the integration was performed without errors, the status of the integration changes to 'Active' after the first telemetry transmission. ... ... @@ -466,15 +466,9 @@ 466 466 [[image:integration-active.png]] 467 467 468 468 469 - Also,anew devicenamed **S31B-NB**will appear under **//Entities-> Devices -> All//**. Thismeansthe first MQTT messagetriggersThingsBoard to provision a device named **S31B-NB**.436 +== 6.3 Viewing messages == 470 470 471 471 472 -[[image:new-device.png]] 473 - 474 - 475 -== 5.3 Viewing messages == 476 - 477 - 478 478 Go back to the **Integrations** page. 479 479 480 480 Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details. ... ... @@ -490,29 +490,40 @@ 490 490 Then click on the **Apply changes** (//**tick icon**//) button. 491 491 492 492 493 -[[image: Screenshot2025-03-18at9.23.10.png]]454 +[[image:debug-enabled.png||height="301" width="700"]] 494 494 495 495 457 + 458 + 496 496 Now go to the **Events** tab. 497 497 498 -Select the Event type as **Debug** from the dropdown list. 461 +Select the **Event type** as **Debug** from the dropdown list. 499 499 500 - Nowyou canseelltheUplinkmessagesyouaremulating through theMQTTbroker.ThestatusshouldbeOK ifthereis noerrorsinyourintegration.463 +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: 501 501 465 +{{code language="none"}} 466 +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}' 467 +{{/code}} 502 502 503 - [[image:Screenshot2025-03-16at18.38.59.png]]469 +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. 504 504 505 505 472 +[[image:Screenshot 2025-03-26 at 19.49.31.png]] 473 + 474 + 475 + 506 506 Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window. 507 507 508 508 509 -[[image:Screenshot 2025-03- 16 at 18.39.12.png]]479 +[[image:Screenshot 2025-03-26 at 19.47.52.png]] 510 510 511 511 482 + 483 + 512 512 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. 513 513 514 514 515 -= 6. Creating a Dashboard =487 += 7. Creating a Dashboard = 516 516 517 517 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. 518 518 ... ... @@ -595,7 +595,7 @@ 595 595 [[image:timeseries-4.png||height="316" width="700"]] 596 596 597 597 598 -= 7. Configure NB-IoT Sensor =570 += 8. Configure NB-IoT Sensor = 599 599 600 600 601 601 Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **TS01-NB**. ... ... @@ -624,6 +624,3 @@ 624 624 {{/info}} 625 625 626 626 [[image:image-4.png]] 627 - 628 - 629 -
- add-integration-basic-settings.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 -12 2.5KB1 +123.8 KB - Content
- integration-active.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 -64. 2KB1 +64.1 KB - Content
- Screenshot 2025-03-26 at 18.15.08.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +92.2 KB - Content
- Screenshot 2025-03-26 at 19.47.52.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +168.4 KB - Content
- Screenshot 2025-03-26 at 19.49.31.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +133.0 KB - Content
- add-integartion-connection.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +110.3 KB - Content
- add-integartion-connetcion.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +146.0 KB - Content
- add-integration-ul-data-converter.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +121.2 KB - Content
- debug-enabled.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +196.3 KB - Content
- integration-added.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +196.2 KB - Content
- ul-data-converter-added.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +189.4 KB - Content
- ul-data-converter-device-a.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.pradeeka - Size
-
... ... @@ -1,0 +1,1 @@ 1 +168.3 KB - Content