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, 8 added, 0 removed)
- add-integration-basic-settings.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
- 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,156 +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 214 +Modify the default TBEL function to match with your device as described below: 195 195 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 + 196 196 {{code language="JavaScript"}} 197 -//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 + 198 198 // decode payload to string 199 199 var payloadStr = decodeToString(payload); 200 200 201 201 // decode payload to JSON 202 -var objdata = {}; 203 -var obj1 = {}; 204 204 var data = decodeToJson(payload); 205 -var deviceName = data.IMEI; 206 -delete data.IMEI; 207 -var modelname = "Dragino " + data.Model; 208 -//var mod = data.mod 209 -delete data.Model; 210 -//delete data.mod 211 -var timestamp = new Date().getTime(); 212 212 213 -for (var key in data) { 214 - 215 - if (Number(key)) { 216 - obj1[key] = data[key]; 217 - obj1[key][obj1[key].length - 1] = Number(new Date( 218 - 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'; 219 219 220 - } 221 -//Alec submitted25/02/25 222 -//turn old key into new 223 - else if (key === "Reading") { 224 - objdata["reading"] = data[key]; 225 - } else if (key === "work mode") { 226 - objdata["work_mode"] = data[key]; 227 - } else if (key === "hum") { 228 - objdata["humidity"] = data[key]; 229 - }else if (key === "hum2") { 230 - objdata["humidity2"] = data[key]; 231 - } else if (key === "hum3") { 232 - objdata["humidity3"] = data[key]; 233 - } else if (key === "tem") { 234 - objdata["temperature"] = data[key]; 235 - } else if (key === "tem2") { 236 - objdata["temperature2"] = data[key]; 237 - } else if (key === "tem3") { 238 - objdata["temperature3"] = data[key]; 239 - } else if (key === "DS18B20_Temp") { 240 - objdata["temperature_pro"] = data[key]; 241 - } else if (key === "ds18b20_temperature") { 242 - objdata["temperature_pro"] = data[key]; 243 - } else if (key === "DS18B20_temperature_pro") { 244 - objdata["temperature_pro"] = data[key]; 245 - } else if (key === "tdc send flag") { 246 - objdata["tdc_send_flag"] = data[key]; 247 - } else if (key === "trigger mode") { 248 - objdata["trigger_mode"] = data[key]; 249 - } else if (key === "soil dielectric constant") { 250 - objdata["soil_dielectric_constant"] = data[key]; 251 - } else if (key === "door open num") { 252 - objdata["door_open_num"] = data[key]; 253 - } else if (key === "door duration") { 254 - objdata["door_duration"] = data[key]; 255 - } else if (key === "count time") { 256 - objdata["count_time"] = data[key]; 257 - } else if (key === "last open time2") { 258 - objdata["last_open_time2"] = data[key]; 259 - } else if (key === "last open time3") { 260 - objdata["last_open_time3"] = data[key]; 261 - } 262 -//Alec submitted25/02/25 263 - else { 264 - objdata[key] = data[key] 265 - } 266 -} 267 -var listdata = [{ 268 - "ts": timestamp, 269 - "values": objdata 270 -}] 271 -for (var key1 in obj1) { 272 - if (modelname == "Dragino RS485-NB") { 273 - listdata.push({ 274 - "ts": obj1[key1][obj1[key1].length - 1], 275 - "values": { 276 - "Payload": obj1[key1][0], 277 - } 278 - }) 279 - } else { 280 - listdata.push({ 281 - "ts": obj1[key1][obj1[key1].length - 1], 282 - "values": { 283 - "values": obj1[key1] 284 - }, 285 - }) 286 - } 287 -} 257 +// Result object with device/asset attributes/telemetry data 288 288 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 +}; 289 289 290 - deviceName: deviceName, 291 - deviceType: modelname, 292 - attributes: { 293 - model: modelname, 294 - //customerName: "NB-CB", 295 - //groupName: "NB-CB", 296 - //integrationName: metadata['integrationName'] 279 +/** Helper functions 'decodeToString' and 'decodeToJson' are already built-in **/ 297 297 298 - }, 299 - telemetry: listdata 300 -} 301 - 302 -function decodeToString(payload) { 303 - return String.fromCharCode.apply(String, payload); 304 -} 305 - 306 -function decodeToJson(payload) { 307 - // covert payload to string. 308 - var str = decodeToString(payload); 309 - 310 - // parse string to JSON 311 - var data = JSON.parse(str); 312 - return data; 313 -} 314 - 315 315 return result; 316 316 {{/code}} 317 317 318 318 319 - Click on the **Add** button.285 +Once you modify the decoder function, click on the **Add** button. 320 320 321 321 322 -[[image:mqtt-uplink.png||width="500"]] 323 323 289 +[[image:ul-data-converter-device-a.png||height="524" width="500"]] 324 324 325 325 326 326 You should see that the newly added **MQTT Uplink converter **NB/CB is listed on the **Data Converters** page. 327 327 328 328 329 -[[image:data-converter- list-showing-uplink-dc.png]]295 +[[image:ul-data-converter-added.png||height="257"]] 330 330 331 331 332 332 299 += 5. Add Integration = 333 333 334 334 335 - 336 -= 4. Add Integration = 337 - 338 - 339 339 In the left navigation, click **Integrations center**, and then click **Integrations**. 340 340 341 341 ... ... @@ -353,7 +353,7 @@ 353 353 **Basic settings:** 354 354 355 355 * **Integration type**: MQTT 356 -* **Name**: MQTT integration NB/CB319 +* **Name**: MQTT integration - Device A 357 357 * **Enable integration**: YES 358 358 * **Allows create devices or assets**: YES 359 359 ... ... @@ -360,9 +360,11 @@ 360 360 Click **Next** button. 361 361 362 362 363 -[[image:add-integration-basic-settings.png||height="5 11" width="500"]]326 +[[image:add-integration-basic-settings.png||height="504" width="500"]] 364 364 365 365 329 + 330 + 366 366 **Uplink data converter:** 367 367 368 368 * Click on the **Select existing** button. ... ... @@ -371,9 +371,10 @@ 371 371 Click **Next** button. 372 372 373 373 374 -[[image:add-integration-u plink-data-converter.png||height="511" width="500"]]339 +[[image:add-integration-ul-data-converter.png||height="505" width="500"]] 375 375 376 376 342 + 377 377 **Downlink data converter:** 378 378 379 379 Dragino NB/CB devices don't require a downlink data converter to decode their payloads, so you can skip this step. ... ... @@ -389,18 +389,20 @@ 389 389 390 390 **Connection:** 391 391 392 -* **Host**: ClusterURL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud)358 +* **Host**: Host URL (Eg. **//011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud//**) 393 393 * **Port**: 8883 394 -* **Credentials**: Basic 395 -* **Enable SSL**: YES 360 +* **Credentials type**: Basic 396 396 * **Username**: Username (from your HiveMQ Cloud Cluster with your credentials) 397 397 * **Password:** Password (from your HiveMQ Cloud Cluster with your credentials) 398 -* **Topic: v1/devices/me/telemetry** (The topic can be anything, even you can use just the device name, for example ts02-nb) 363 +* **Enable SSL**: YES 364 +* **Topic: device/a** (The topic can be anything; you can even use just the device name.) 399 399 * **QoS:** 0-At most once 400 400 401 -[[image:add-integration-connection.png||height="511" width="500"]] 402 402 403 403 369 +[[image:add-integartion-connection.png||height="505" width="500"]] 370 + 371 + 404 404 Click on the **Advanced settings** button. 405 405 406 406 * **Clean session:** YES ... ... @@ -428,27 +428,26 @@ 428 428 Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 429 429 430 430 431 - 432 432 [[image:new-integration-pending.png]] 433 433 434 434 435 -= 5. Verifying the receipt of data from virtual devices =402 += 6. Verifying the receipt of data from virtual devices = 436 436 437 437 438 -== 5.1 How does it work? ==405 +== 6.1 How does it work? == 439 439 440 440 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 == ... ... @@ -457,7 +457,7 @@ 457 457 On the terminal, issue the following MQTT command which simulates the device S31B-NB. The message payload contains the fields temperature and humidity, which hold the values S31B-NB and 27, 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,11 @@ 466 466 [[image:integration-active.png]] 467 467 468 468 469 -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**. 470 470 471 471 472 - [[image:new-device.png]]438 +== 6.3 Viewing messages == 473 473 474 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. ... ... @@ -497,22 +497,26 @@ 497 497 498 498 Select the Event type as **Debug** from the dropdown list. 499 499 500 -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. 463 +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. 501 501 502 502 503 -[[image:Screenshot 2025-03- 16 at 18.38.59.png]]466 +[[image:Screenshot 2025-03-26 at 19.49.31.png]] 504 504 505 505 469 + 470 + 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]]474 +[[image:Screenshot 2025-03-26 at 19.47.52.png]] 510 510 511 511 477 + 478 + 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 =482 += 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 =565 += 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**. ... ... @@ -606,7 +606,7 @@ 606 606 **AT Commands** 607 607 608 608 * **AT+PRO=3,3 **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3. 609 -* **AT+SUBTOPIC=<MQTT subscribe topic> ** 576 +* **AT+SUBTOPIC=<MQTT subscribe topic> Eg: TS01-NB** 610 610 * **AT+PUBTOPIC=<MQTT publish topic> Eg: TS01-NB** 611 611 * **AT+CLIENT=null** 612 612 * **AT+UNAME=<MQTT Username>** ... ... @@ -626,4 +626,3 @@ 626 626 [[image:image-4.png]] 627 627 628 628 629 -
- add-integration-basic-settings.png
-
- Size
-
... ... @@ -1,1 +1,1 @@ 1 -12 2.5KB1 +123.8 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
- 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