Changes for page How to Uplink -NB and -CB series devices data by MQTT with Thingseye
Last modified by Alec Chen on 2025/04/02 18:03
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -240,146 +240,9 @@ 240 240 241 241 [[image:1743582084494-111.png]] 242 242 243 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/General%20Configure%20to%20Connect%20to%20IoT%20server%20for%20-NB%20%26%20-NS%20NB-IoT%20models/WebHome/image-20241126190737-17.png?width=1114&height=527&rev=1.1||alt="image-20241126190737-17.png" height="527" width="1114"]] 244 244 245 245 246 246 247 -== == 248 - 249 -== 6. Verifying the receipt of data from virtual devices == 250 - 251 -== 6.1 How does it work? == 252 - 253 -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. 254 - 255 -The Mosquitto client publishes messages (payloads) on the topic **/device/a**. Of course, you can use any topic for testing. 256 - 257 -The MQTT payload format is as follows: 258 - 259 -{{code language="none"}} 260 -{"IMEI": "350693903995577", "temperature":25, "humidity":80, "pressure":1005} 261 -{{/code}} 262 - 263 -Once Thingseye receives this message, it forwards this payload to the matching device through the integration. 264 - 265 -== 5.2 Sending messages == 266 - 267 -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. 268 - 269 -{{code language="none"}} 270 -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}' 271 -{{/code}} 272 - 273 -If the integration was performed without errors, the status of the integration changes to 'Active' after the first telemetry transmission. 274 - 275 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/integration-active.png?rev=1.2||alt="integration-active.png"]] 276 - 277 -== 6.3 Viewing messages == 278 - 279 -Go back to the **Integrations** page. 280 - 281 -Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details. 282 - 283 -Click on the **Edit** button (//**pen icon**//). 284 - 285 -Click on the **Disabled** button in the upper-right corner. 286 - 287 -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. 288 - 289 -Click on the **Apply** button. 290 - 291 -Then click on the **Apply changes** (//**tick icon**//) button. 292 - 293 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/debug-enabled.png?width=700&height=301&rev=1.1||alt="debug-enabled.png"]] 294 - 295 -Now go to the **Events** tab. 296 - 297 -Select the **Event type** as **Debug** from the dropdown list. 298 - 299 -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: 300 - 301 -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}' 302 - 303 -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. 304 - 305 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/Screenshot%202025-03-26%20at%2019.49.31.png?rev=1.1||alt="Screenshot 2025-03-26 at 19.49.31.png"]] 306 - 307 -Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window. 308 - 309 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/Screenshot%202025-03-26%20at%2019.47.52.png?rev=1.1||alt="Screenshot 2025-03-26 at 19.47.52.png"]] 310 - 311 -Now, you have successfully tested your integration with a simulated uplink payload and verified that it is received by Thingseye, and the device is provisioned. 312 - 313 -= 7. Creating a Dashboard = 314 - 315 -Thingseye **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. 316 - 317 -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 Thingseye to display data according to your requirements. 318 - 319 -First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg: 320 - 321 -{{code language="none"}} 322 -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}' 323 - 324 -{{/code}} 325 - 326 -In **Thingseye**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu. 327 - 328 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/dashboard-1.png?rev=1.1||alt="dashboard-1.png"]] 329 - 330 -In the **Title** text box, enter **NB/CB Test Dashboard** as the title of the dashboard. 331 - 332 -Click on the **Add** button. 333 - 334 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/dashboard-2.png?width=500&height=526&rev=1.1||alt="dashboard-2.png"]] 335 - 336 -Click on the **Add widget / Add new widget** button. 337 - 338 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/dashboard-3.png?rev=1.1||alt="dashboard-3.png"]] 339 - 340 -In the **Select widgets bundle** window, click **Charts**. 341 - 342 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/dashboard-4.png?width=700&height=537&rev=1.1||alt="dashboard-4.png"]] 343 - 344 -In the **Charts: select widget** window, click **Time series chart**. 345 - 346 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/dashboard-5.png?width=700&height=525&rev=1.1||alt="dashboard-5.png"]] 347 - 348 -Configure the **Time series chart** widget as follows: 349 - 350 -* **Datasource** - select **Device A** device you provisioned. 351 -* **Series**: 352 -** **temperature** - you can see this key by default. 353 -** **humidity** - Click **Add series** button. Then add the **humidity** for the key and then type **%** as its unit. 354 -* Click on the **Add** button. 355 - 356 -(% class="box infomessage" %) 357 -((( 358 -You can add only the relevant fields from the device's payload to display data on a widget. These fields are called 'keys'. 359 -))) 360 - 361 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/Screenshot%202025-03-31%20at%2006.51.15.png?width=700&height=485&rev=1.1||alt="Screenshot 2025-03-31 at 06.51.15.png"]] 362 - 363 -The time-series chart will appear in edit mode. Resize it by clicking and dragging the lower-right corner. 364 - 365 -Click the **Save** button to add the widget to the dashboard. 366 - 367 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/timeseries-3.png?width=700&height=347&rev=1.1||alt="timeseries-3.png"]] 368 - 369 -Now send the following MQTT messages from the terminal to simulate the data. 370 - 371 -{{code language="none"}} 372 -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}' 373 - 374 -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}' 375 - 376 -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}' 377 -{{/code}} 378 - 379 -The chart will update with the values in realtime, as shown in the below image. 380 - 381 -[[image:https://wiki.dragino.com/xwiki/bin/download/Main/ThingsBoard/timeseries-4.png?width=700&height=316&rev=1.1||alt="timeseries-4.png"]] 382 - 383 383 = 8. Configure Physical NB-IoT Sensor = 384 384 385 385 Now, let's experiment with sending data to Thingseye using a real NB-IoT device. For example, we will use the **TS01-NB**.