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 (0 modified, 0 added, 48 removed)
- Screenshot 2025-03-16 at 18.38.59.png
- Screenshot 2025-03-16 at 18.39.12.png
- Screenshot 2025-03-18 at 09.23.10.png
- add-integration-basic-settings.png
- add-integration-connection-advanced-settings.png
- add-integration-connection.png
- add-integration-downlink-data-converter.png
- add-integration-uplink-data-converter.png
- check-connection.png
- connection-success.png
- dashboard-1.png
- dashboard-2.png
- dashboard-3.png
- dashboard-4.png
- dashboard-5.png
- data-converter-list-showing-uplink-dc.png
- device-provision-1.png
- device-provision-2.png
- emqx.png
- hivemq-10.png
- hivemq-2.png
- hivemq-3.png
- hivemq-4.jpg
- hivemq-5.png
- hivemq-6.png
- hivemq-7.png
- hivemq-8.png
- hivemq-9.png
- hivwmq-1.png
- image-4.png
- ins1.png
- integration-active.png
- integration-dl-skip.png
- integrations-list-empty.png
- mqtt-uplink.png
- new-device.png
- new-integration-pending.png
- telemetry-1.png
- telemetry-2.png
- thingsboard-1.png
- thingsboard-2.png
- thingsboard-3.png
- thingsboard-4.png
- thingsboard-5.png
- thingsboard-6.png
- timeseries-1.png
- timeseries-3.png
- timeseries-4.png
Details
- Page properties
-
- Content
-
... ... @@ -17,153 +17,76 @@ 17 17 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**. 18 18 19 19 20 -= 2. Prerequisites=20 += 2. Add New Device = 21 21 22 -To complete this tutorial, you need to have the following: 23 23 24 -* ThingsBoard cloud account 25 -* MQTT Broker (public or private) such as, 26 -** **[[HiveMQ Cloud>>https://www.hivemq.com]] - You can create a free account to try it or subscribe for a paid account. - We use HiveMQ Cloud as the MQTT broker to build example in this tutorial.** 27 -** [[emqx>>https://www.emqx.com/zh/mqtt/public-mqtt5-broker]] - The public MQTT server is only used for MOTT learning and testing, and should not be used in the production environment. 28 -** [[lns1.thingseye.io>>http://lns1.thingseye.io/]] - This is Dragino's MQTT broker, which requires a CA certificate to use. 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. 29 29 30 - ==2.1 ThingsBoardCloud==25 +In the left navigation, click **Entities** and then click **Devices**. 31 31 27 +[[image:device-list-empty.png]] 32 32 33 -Go to [[https:~~/~~/thingsboard.io/>>https://thingsboard.io/]] 34 34 35 - Click on the **Tryit now**.30 +On the **Devices **page, click on the ‘**+**’ button, and then click on the **Add new device **from the dropdown menu. 36 36 32 +[[image:ThingsBoard-add-new-device.png||height="279" width="500"]] 37 37 38 -[[image:thingsboard-1.png]] 39 39 35 +The **Add new device** window appears. Name the device, for example '**Virtual NB/CB device**'. 40 40 41 - Selecteitherthe **NorthAmerica**or **Europe** region. Here, we usethe Europe region.37 +Click on the **Next: Credentials** button. 42 42 43 -[[image: thingsboard-2.png]]39 +[[image:new-device-device-details.png||height="529" width="500"]] 44 44 45 45 46 - Youcansign up withyour **Google**, **GitHub**, **Facebook**,or **Apple**account. If notyou cancreatean account withprovidingyour**name**, **emailaddress** anda**password**.42 +Click the **Access token** button if it is not selected by default. 47 47 48 -C lick on the **Signup** button.44 +Copy the **Access token** to a text editor, as you will need it in the section **'Sending data from an MQTT client'**. 49 49 50 - [[image:thingsboard-3.png||height="651"width="500"]]46 +Click on the **Add** button. 51 51 48 +[[image:new-device-access-token.png||height="528" width="500"]] 52 52 53 -You will be navigated to the following page. 54 54 55 - [[image:thingsboard-5.png||height="109"width="500"]]51 +Click on the **MQTT** button. 56 56 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. 57 57 58 - simultaneously,you will receiveanemailtoconfirmyour email address.Click on the **ActivateYourAccount**button.55 +Copy the MQTT pub command in the '**Execute the following command**' section. 59 59 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 60 61 - [[image:thingsboard-4.png||height="249"width="500"]]61 +Note that the **State** is still shown as **'Inactive'** in the **Latest telemetry** section. 62 62 63 +[[image:new-device-check-connectivity.png||height="522" width="500"]] 63 63 64 -Now losing to the account using your credentials: 65 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. 66 66 67 -[[image:thingsboard-6.png||height="244" width="500"]] 68 68 69 +[[image:mqtt-command-1.png||height="228" width="700"]] 69 69 70 -== 2.2 HiveMQ Cloud == 71 71 72 - ===2.2.1HiveMQCloud===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 73 74 74 75 - Go to[[https:~~/~~/www.hivemq.com>>https://www.hivemq.com]]75 +[[image:new-device-telemetry-test.png||height="520" width="500"]] 76 76 77 -Click on the **Start Free** button. 78 78 79 - [[image:hivwmq-1.png]]78 +Send the same command again, only changing the **temperature** value, to see how the **Latest telemetry** section updates its data. 80 80 80 +Once you are done experimenting with this, close the window by clicking the **Close** button. 81 81 82 -Click on the **Sign Up FREE Now** button in the **HIVEMQ CLOUD** section. 83 83 84 -[[image: hivemq-2.png]]83 +[[image:mqtt-command-2.png||height="227" width="700"]] 85 85 86 86 87 -Click on the **Sign Up** button. 88 88 89 - You can sign up with HiveMQ using your**GitHub**, **Google**, or **LinkedIn**account.87 +[[image:virtual-device-active.png]] 90 90 91 -If not, provide your **email address** and a **password** to create an account by clicking on the **Sign Up** button. 92 92 93 - 94 -[[image:hivemq-3.png]] 95 - 96 - 97 -You will receive an email to verify your email address. Click on the **Confirm my account** button. 98 - 99 - 100 -[[image:hivemq-4.jpg||height="889" width="400"]] 101 - 102 - 103 -You will be redirected to a page asking you to complete your profile. Once done, click the **Continue** button. 104 - 105 - 106 -[[image:hivemq-5.png||height="655" width="700"]] 107 - 108 - 109 -Select the CloudMQ Cloud plan you need. For testing purposes, select the **Serverless FREE** plan by clicking on the **Create Serverless Cluster** button. 110 - 111 - 112 -[[image:hivemq-6.png]] 113 - 114 - 115 -You will be navigated to the **Your Clusters** page. Click on the **Manage Cluster** button. 116 - 117 -[[image:hivemq-7.png]] 118 - 119 - 120 -In your cluster page, you can find some useful parameters you need to create a MQTT connection. 121 - 122 -**URL**: This is the host name. Click on the copy button to copy it. 123 - 124 -**Port**: 8883 125 - 126 - 127 -Click on the **Getting Started** tab to setup the username and the password as the connection credentials. 128 - 129 - 130 -[[image:hivemq-8.png]] 131 - 132 - 133 -In the '**Create Connection Credentials**' section, provide a **username** and **password**, then click the **Add** button. 134 - 135 - 136 -[[image:hivemq-9.png]] 137 - 138 - 139 - 140 -If everything is successful, you will see the following message. 141 - 142 - 143 -[[image:hivemq-10.png||height="206" width="500"]] 144 - 145 - 146 -You will need these MQTT connection parameters when configuring the MQTT integration in the '**Add Integration**' section. 147 - 148 - 149 -=== 2.2.2 emqx === 150 - 151 - 152 -The [[emqx>>https://www.emqx.com/zh/mqtt/public-mqtt5-broker]] public MQTT server is only used for MOTT learning and testing, and should not be used in the production environment. 153 - 154 - 155 -[[image:emqx.png||height="420" width="500"]] 156 - 157 - 158 -=== 2.2.3 Ins1.thingseye.io === 159 - 160 -[[lns1.thingseye.io>>http://lns1.thingseye.io/]] is the Dragino's MQTT broker, which requires a CA certificate file, Certificate file, and the Private key file to use. 161 - 162 -If customers need to use this MQTT connection with ThingsBoard, they need to contact the TE team to obtain three license files. 163 - 164 -[[image:ins1.png||height="310" width="500"]] 165 - 166 - 167 167 = 3. Data Converters = 168 168 169 169 ... ... @@ -175,27 +175,18 @@ 175 175 176 176 In the left navigation, click **Integrations center**, and then click **Data converters**. 177 177 101 +[[image:data-converter-list-page.png]] 178 178 179 -[[image:data-converters-list-empty.png]] 180 180 104 +On the **Data converters** page, click on the ‘+’ button, and then click on the **Create new converter** from the dropdown menu. 181 181 182 - On the **Data converters** page, click onthe ‘**+**’ button,andthenclick on the**Create newconverter** from thedropdown menu.106 +[[image:ThingsBoard-new-data-converter.png||height="282" width="500"]] 183 183 184 184 185 - 186 -[[image:create-new-converter-menu.png||height="259" width="500"]] 187 - 188 - 189 189 The **Add data converter** window will appear. Name it ‘**MQTT Uplink Converter NB/CB**’ and select the Type as **Uplink**. 190 190 191 -Click on the **JavaScript** 111 +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. 192 192 193 -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. 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}} 198 - 199 199 {{code language="JavaScript"}} 200 200 //Version: 0.1 201 201 // decode payload to string ... ... @@ -316,314 +316,156 @@ 316 316 } 317 317 318 318 return result; 233 + 319 319 {{/code}} 320 320 321 321 322 322 Click on the **Add** button. 323 323 239 +[[image:uplink-data-converter.png||height="529" width="500"]] 324 324 325 -[[image:mqtt-uplink.png||width="500"]] 326 326 242 +You should see that the newly added **uplink data converter** is listed on the **Data Converters** page. 327 327 328 - 329 -You should see that the newly added **MQTT Uplink converter **NB/CB is listed on the **Data Converters** page. 330 - 331 - 332 332 [[image:data-converter-list-showing-uplink-dc.png]] 333 333 334 334 335 -= 4.Add Integration =247 +== 3.2 Downlink == 336 336 337 337 338 - In theleft navigation, click**Integrationscenter**, and then click**Integrations**.250 +On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu. 339 339 252 +[[image:ThingsBoard-new-data-converter.png||height="282" width="500"]] 340 340 341 -[[image:integrations-list-empty.png]] 342 342 255 +The **Add data converter** window will appear. Name it ‘**MQTT Downlink Converter NB/CB**’ and select the Type as **Downlink**. 343 343 344 - On the **Integrations** page,clickonthe'**+**'button.257 +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. 345 345 346 346 347 -The **Add integration** window appears. 260 +{{code language="JavaScript"}} 261 +function hexToBase64(hexString) { 262 + // 将16进制字符串两个字符转换为一个字节 263 + var bytes = hexString.match(/.{2}/g); 264 + // 对每个字节进行解析,并转换为对应的字符 265 + var binaryString = bytes.map(function(byte) { 266 + return String.fromCharCode(parseInt(byte, 16)); 267 + }).join(''); 268 + 269 + // 使用btoa进行base64编码 270 + return btoa(binaryString); 271 +} 348 348 349 -In the **Add integration** window, configure the following settings: 273 +// Result object with encoded downlink payload 274 +var result = { 275 + // downlink data content type: JSON, TEXT or BINARY (base64 format) 276 + contentType: "BINARY", 350 350 278 + // downlink data 279 + data:hexToBase64(metadata.shared_value) 351 351 352 -**Basic settings:** 281 + // Optional metadata object presented in key/value format 282 + //metadata: {} 353 353 354 -* **Integration type**: MQTT 355 -* **Name**: MQTT integration NB/CB 356 -* **Enable integration**: YES 357 -* **Allows create devices or assets**: YES 284 +}; 358 358 359 -Click **Next** button. 286 +return result; 287 +{{/code}} 360 360 361 361 362 -[[image:add-integration-basic-settings.png||height="511" width="500"]] 363 - 364 - 365 -**Uplink data converter:** 366 - 367 -* Click on the **Select existing** button. 368 -* **Uplink data converter**: Select **MQTT Uplink Converter NB/CB **from the dropdown list. 369 - 370 -Click **Next** button. 371 - 372 - 373 -[[image:add-integration-uplink-data-converter.png||height="511" width="500"]] 374 - 375 - 376 -**Downlink data converter:** 377 - 378 -Dragino NB/CB devices don't require a downlink data converter to decode their payloads, so you can skip this step. 379 - 380 -* Click on the **Skip **button in the Downlink data converter section. 381 - 382 -Click **Skip** button. 383 - 384 - 385 -[[image:integration-dl-skip.png||height="511" width="500"]] 386 - 387 - 388 - 389 -**Connection:** 390 - 391 -* **Host**: Cluster URL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud) 392 -* **Port**: 8883 393 -* **Credentials**: Basic 394 -* **Enable SSL**: YES 395 -* **Username**: Username (from your HiveMQ Cloud Cluster with your credentials) 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.) 398 -* **QoS:** 0-At most once 399 - 400 - 401 - 402 -[[image:add-integration-connection.png||height="511" width="500"]] 403 - 404 - 405 -Click on the **Advanced settings** button. 406 - 407 -* **Clean session:** YES 408 -* **Retained**: YES 409 - 410 -[[image:add-integration-connection-advanced-settings.png||height="510" width="500"]] 411 - 412 - 413 -Click on the **Check connection** button to verify the MQTT connection using the provided parameters. 414 - 415 - 416 -[[image:check-connection.png||height="83" width="300"]] 417 - 418 - 419 -If the connection is successful, you will see the **Connected** message. If not, check your connection parameters again. 420 - 421 - 422 -[[image:connection-success.png||height="511" width="500"]] 423 - 424 - 425 425 Click on the **Add** button. 426 426 427 - You should see that thenewly addedintegrationis listed onthe**Integrations**page.292 +[[image:downlink-data-converter.png||height="530" width="500"]] 428 428 429 -Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 430 430 295 +You should see that the newly added **downlink data converter** is listed on the **Data Converters** page. 431 431 432 -[[image: new-integration-pending.png]]297 +[[image:data-converter-list.png]] 433 433 434 434 435 -= 5.Verifyingtheeceipt of data fromvirtual devices=300 += 4. Add Integration = 436 436 437 437 438 - ==5.1How doesitwork?==303 +In the left navigation, click **Integrations center**, and then click **Integrations**. 439 439 305 +On the **Integrations** page, click on the '**+**' button. 440 440 441 - We use the Mosquitto MQTT client to simulate MQTT messages,actingas a virtual device. First, install the Mosquitto client on yourcomputerfrom [[thislink>>url:https://mosquitto.org/download/]]. The Mosquitto clientpublishes messages to the MQTT broker (HiveMQ) on a specified MQTT topic.ThingsBoard subscribes to these messages using the same topic.307 +[[image:data-converter-list-page.png]] 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. 444 444 445 - (% id="cke_bm_37386S" style="display:none" %) (%%)TheMQTT payload format is as follows, which is common for all**~-~-NB** and**~-~-CB** seriesdevices.The **IMEI** field is mandatoryand is usedto provisiona newdevice with thename assignedtoit in ThingsBoard.310 +The **Add integration** window appears. 446 446 447 -{{code language="none"}} 448 -{"IMEI": "S31B-NB", "temperature": 27, ......} 449 -{{/code}} 312 +In the **Add integration** window, configure the following settings: 450 450 451 -Once ThingsBoard receives this message, it automatically creates (provisions) the device mentioned in the **IMEI**, for example, S31B-NB. 452 452 315 +**Basic settings:** 453 453 454 -== 5.2 Sending messages == 317 +* **Integration type**: MQTT 318 +* **Name**: MQTT integration NB/CB 455 455 320 +Click **Next** button. 456 456 457 - Onheterminal, issuethe following MQTT command which simulatesthe device S31B-NB. The messagepayload containsthe fields temperature andhumidity, which holdthe values S31B-NBand 27, respectively. This payloadis also (technically) known as telemetry.322 +[[image:add-integration-basic-settings.png||height="511" width="500"]] 458 458 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}' 461 -{{/code}} 462 462 463 - If theintegrationwas performedwithout errors, the status of the integrationchanges to'Active' afterhefirst telemetry transmission.325 +**Uplink data converter:** 464 464 327 +* Click on the **Select existing** button. 328 +* **Uplink data converter**: Select **MQTT Uplink Converter NB/CB **from the dropdown list. 465 465 466 - [[image:integration-active.png]]330 +Click **Next** button. 467 467 332 +[[image:add-integration-uplink-data-converter.png||width="500"]] 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 335 +**Downlink data converter:** 471 471 472 -[[image:new-device.png]] 337 +* Click on the **Select existing** button. 338 +* **Downlink data converter**: Select **MQTT Downlink Converter NB/CB **from the dropdown list. 473 473 340 +Click **Next** button. 474 474 475 - == 5.3 Viewing messages==342 +[[image:add-integration-downlink-data-converter.png||height="510" width="500"]] 476 476 477 477 478 - Go back to the**Integrations**page.345 +**Connection:** 479 479 480 -Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details. 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 481 481 482 -Click on the ** Edit** button(//**penicon**//).355 +Click on the **Check connection** button to verify the MQTT connection using the provided parameters. 483 483 484 - Click on the **Disabled** buttoninheupper-rightrner.357 +[[image:add-integration-connection.png||width="500"]] 485 485 486 -Turn on the **All messages (15 min)** option. This will enable displaying all messages in the **Events** tab. This setting will expire in 15 minutes, and you will need to repeat the same steps if you want to view the messages in the Events tab later. 487 487 488 - Clickonthe **Apply**button.360 +If the connection is successful, you will see the **Connected** message. 489 489 490 -Then click on the **Apply changes** (//**tick icon**//) button. 491 - 492 - 493 -[[image:Screenshot 2025-03-18 at 09.23.10.png]] 494 - 495 - 496 -Now go to the **Events** tab. 497 - 498 -Select the Event type as **Debug** from the dropdown list. 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. 501 - 502 - 503 -[[image:Screenshot 2025-03-16 at 18.38.59.png]] 504 - 505 - 506 -Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window. 507 - 508 - 509 -[[image:Screenshot 2025-03-16 at 18.39.12.png]] 510 - 511 - 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 - 514 - 515 -= 6. Creating a Dashboard = 516 - 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 - 519 - 520 -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. 521 - 522 - 523 -First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg: 524 - 525 -{{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}} 526 - 527 - 528 -In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu. 529 - 530 - 531 -[[image:dashboard-1.png]] 532 - 533 - 534 -In the **Title** text box, enter **NB/CB Test Dashboard** as the title of the dashboard. 535 - 536 536 Click on the **Add** button. 537 537 364 +[[image:add-connection-success.png||height="511" width="500"]] 538 538 539 -[[image:dashboard-2.png||height="526" width="500"]] 540 540 367 +You should see that the newly added integration is listed on the **Integrations** page. 541 541 542 - Clickonthe**Addwidget/Addnewwidget**button.369 +Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.** 543 543 371 +[[image:integrations-list-added-pending.png]] 544 544 545 -[[image:dashboard-3.png]] 546 546 374 += 5. Verifying the receipt of data from the device = 547 547 548 -In the **Select widgets bundle** window, click **Charts**. 549 549 377 +On the terminal, issue the following MQTT command which simulates the device S31B-NB. 550 550 551 -[[image:dashboard-4.png||height="537" width="700"]] 552 - 553 - 554 - 555 -In the **Charts: select widget** window, click **Time series chart**. 556 - 557 - 558 -[[image:dashboard-5.png||height="525" width="700"]] 559 - 560 - 561 -Configure the **Time series chart** widget as follows: 562 - 563 -* **Datasource** - select S31B-NB device you provisioned. 564 -* **Series**: 565 -** **temperature** - you can see this key by default. 566 -** **humidity** - Click **Add series** button. Then add the **humidity** for the key and then type **%** as its unit. 567 -* Click on the **Add** button. 568 - 569 -[[image:timeseries-1.png||height="491" width="700"]] 570 - 571 - 572 -The time-series chart will appear in edit mode. Resize it by clicking and dragging the lower-right corner. 573 - 574 -Click the **Save** button to add the widget to the dashboard. 575 - 576 - 577 -[[image:timeseries-3.png||height="347" width="700"]] 578 - 579 - 580 -Now send the following MQTT messages from the terminal to simulate the data. 581 - 582 - 583 583 {{code language="none"}} 584 -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":70}' 585 - 586 -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, "humidity":72}' 587 - 588 -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}' 589 - 380 +mosquitto_pub -d -q 1 -h mqtt.eu.thingsboard.cloud -p 1883 -t v1/devices/S31B-NB/telemetry -u "24vk3w9h7sqdld1me5eh" -m "{temperature:20}" 590 590 {{/code}} 591 591 592 - Thechart willupdate with thevaluesin realtime, asshown in thebelowimage.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. 593 593 594 - 595 -[[image:timeseries-4.png||height="316" width="700"]] 596 - 597 - 598 -= 7. Configure NB-IoT Sensor = 599 - 600 - 601 -Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **TS01-NB**. 602 - 603 -First, configure the NB-IoT device with the necessary MQTT settings using AT commands. Below is a list of AT commands you can use. 604 - 605 - 606 -**AT Commands** 607 - 608 -* **AT+PRO=3,3 **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3. 609 -* **AT+SUBTOPIC=<MQTT subscribe topic> Eg: TS01-NB** 610 -* **AT+PUBTOPIC=<MQTT publish topic> Eg: TS01-NB** 611 -* **AT+CLIENT=null** 612 -* **AT+UNAME=<MQTT Username>** 613 -* **AT+PWD=<MQTT Password>** 614 -* **AT+SERVADDR=<Broker address, Port>** 615 - 616 -Test your uplink by pressing the ACT button for 1 second. 617 617 618 - 619 - 620 -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**. 621 - 622 -{{info}} 623 -The ThingsBoard uses the device's IMEI number included in the payload to create a device in the Devices section. 624 -{{/info}} 625 - 626 -[[image:image-4.png]] 627 - 628 - 629 -
- Screenshot 2025-03-16 at 18.38.59.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -221.2 KB - Content
- Screenshot 2025-03-16 at 18.39.12.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -211.9 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-basic-settings.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -122.5 KB - Content
- add-integration-connection-advanced-settings.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -155.2 KB - Content
- add-integration-connection.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -158.1 KB - Content
- add-integration-downlink-data-converter.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -123.0 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
- check-connection.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -14.7 KB - Content
- connection-success.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -90.0 KB - Content
- dashboard-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -271.1 KB - Content
- dashboard-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -112.2 KB - Content
- dashboard-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -141.3 KB - Content
- dashboard-4.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -803.7 KB - Content
- dashboard-5.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -476.1 KB - Content
- data-converter-list-showing-uplink-dc.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -194.9 KB - Content
- device-provision-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -265.7 KB - Content
- device-provision-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -213.9 KB - Content
- emqx.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -39.1 KB - Content
- hivemq-10.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -82.7 KB - Content
- hivemq-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -300.7 KB - Content
- hivemq-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -535.2 KB - Content
- hivemq-4.jpg
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -309.8 KB - Content
- hivemq-5.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -115.0 KB - Content
- hivemq-6.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -321.0 KB - Content
- hivemq-7.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -203.5 KB - Content
- hivemq-8.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -268.7 KB - Content
- hivemq-9.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -303.7 KB - Content
- hivwmq-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -380.3 KB - Content
- image-4.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -96.0 KB - Content
- ins1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -28.8 KB - Content
- integration-active.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -64.2 KB - Content
- integration-dl-skip.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -105.5 KB - Content
- integrations-list-empty.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -264.5 KB - Content
- mqtt-uplink.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -175.1 KB - Content
- new-device.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -143.3 KB - Content
- new-integration-pending.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -199.7 KB - Content
- telemetry-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -191.9 KB - Content
- telemetry-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -185.1 KB - Content
- thingsboard-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -1.9 MB - Content
- thingsboard-2.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -901.1 KB - Content
- thingsboard-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -146.3 KB - Content
- thingsboard-4.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -122.1 KB - Content
- thingsboard-5.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -106.7 KB - Content
- thingsboard-6.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -119.3 KB - Content
- timeseries-1.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -179.1 KB - Content
- timeseries-3.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -174.2 KB - Content
- timeseries-4.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.pradeeka - Size
-
... ... @@ -1,1 +1,0 @@ 1 -159.0 KB - Content