Skip to Content

Changes for page ThingsBoard

Last modified by Dilisi S on 2025/04/23 19:23
From version 92.1
edited by Dilisi S
on 2025/03/08 03:57
Change comment: Uploaded new attachment "data-converters-list.png", version {1}
To version 176.1
edited by Dilisi S
on 2025/03/26 20:27
Change comment: Mar 26 edits - part 1

Summary

Details

Page properties
Content
... ... @@ -17,99 +17,205 @@
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. Add New Device =
20 += 2. Prerequisites =
21 21  
22 +To complete this tutorial, you need to have the following:
22 22  
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.
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.
24 24  
25 -In the left navigation, click **Entities** and then click **Devices**.
30 +== 2.1 ThingsBoard Cloud ==
26 26  
27 -[[image:device-list-empty.png]]
28 28  
33 +Go to [[https:~~/~~/thingsboard.io/>>https://thingsboard.io/]]
29 29  
30 -On the **Devices **page, click on the ‘**+**’ button, and then click on the **Add new device **from the dropdown menu.
35 +Click on the **Try it now**.
31 31  
32 -[[image:ThingsBoard-add-new-device.png||height="279" width="500"]]
33 33  
38 +[[image:thingsboard-1.png]]
34 34  
35 -The **Add new device** window appears. Name the device, for example '**Virtual NB/CB device**'.
36 36  
37 -Click on the **Next: Credentials** button.
41 +Select either the **North America** or **Europe** region. Here, we use the Europe region.
38 38  
39 -[[image:new-device-device-details.png||height="529" width="500"]]
43 +[[image:thingsboard-2.png]]
40 40  
41 41  
42 -Click the **Access token** button if it is not selected by default.
46 +You can sign up with your **Google**, **GitHub**, **Facebook**, or **Apple** account. If not you can create an account with providing your **name**, **email address** and a **password**.
43 43  
44 -Copy the **Access token** to a text editor, as you will need it in the section **'Sending data from an MQTT client'**.
48 +Click on the **Sign up** button.
45 45  
46 -Click on the **Add** button.
50 +[[image:thingsboard-3.png||height="651" width="500"]]
47 47  
48 -[[image:new-device-access-token.png||height="528" width="500"]]
49 49  
53 +You will be navigated to the following page.
50 50  
51 -Click on the **MQTT** button.
55 +[[image:thingsboard-5.png||height="109" width="500"]]
52 52  
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.
54 54  
55 -Copy the MQTT pub command in the '**Execute the following command**' section.
58 +simultaneously, you will receive an email to confirm your email address. Click on the **Activate Your Account** button.
56 56  
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 -Note that the **State** is still shown as **'Inactive'** in the **Latest telemetry** section.
61 +[[image:thingsboard-4.png||height="249" width="500"]]
62 62  
63 -[[image:new-device-check-connectivity.png||height="522" width="500"]]
64 64  
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.
67 67  
67 +[[image:thingsboard-6.png||height="244" width="500"]]
68 68  
69 -[[image:mqtt-command-1.png||height="228" width="700"]]
70 70  
70 +== 2.2 HiveMQ Cloud ==
71 71  
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.
72 +=== 2.2.1 HiveMQ Cloud ===
73 73  
74 74  
75 -[[image:new-device-telemetry-test.png||height="520" width="500"]]
75 +Go to [[https:~~/~~/www.hivemq.com>>https://www.hivemq.com]]
76 76  
77 +Click on the **Start Free** button.
77 77  
78 -Send the same command again, only changing the **temperature** value, to see how the **Latest telemetry** section updates its data.
79 +[[image:hivwmq-1.png]]
79 79  
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.
82 82  
83 -[[image:mqtt-command-2.png||height="227" width="700"]]
84 +[[image:hivemq-2.png]]
84 84  
85 85  
87 +Click on the **Sign Up** button.
86 86  
87 -[[image:virtual-device-active.png]]
89 +You can sign up with HiveMQ using your **GitHub**, **Google**, or **LinkedIn** account.
88 88  
91 +If not, provide your **email address** and a **password** to create an account by clicking on the **Sign Up** button.
89 89  
90 -= 3. Data Converters =
91 91  
94 +[[image:hivemq-3.png]]
92 92  
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 +(% class="wikigeneratedid" %)
168 += 3. Creating Devices =
169 +
170 +
171 +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.
172 +
173 +
174 +In the left navigation, click Entities -> Devices.
175 +
176 +Click the **Add Device** button (the button with the **+** sign), and from the dropdown menu, click **Add new device**.
177 +
178 +In the **Add new device** dialog box, enter the device name in the **Name** text box. For example, we will use **Device A**.
179 +
180 +Click the **Add** button.
181 +
182 +Skip the **connectivity testing** by clicking the **Close** button.
183 +
184 +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.
185 +
186 +
187 += 4. Data Converters =
188 +
189 +
93 93  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.
94 94  
95 95  
96 -== 3.1 Uplink ==
193 +== 4.1 Uplink ==
97 97  
98 98  
99 99  In the left navigation, click **Integrations center**, and then click **Data converters**.
100 100  
101 -[[image:data-converter-list-page.png]]
102 102  
199 +[[image:data-converters-list-empty.png]]
103 103  
104 -On the **Data converters** page, click on the ‘+’ button, and then click on the **Create new converter** from the dropdown menu.
105 105  
106 -[[image:ThingsBoard-new-data-converter.png||height="282" width="500"]]
202 +On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu.
107 107  
108 108  
205 +
206 +[[image:create-new-converter-menu.png||height="259" width="500"]]
207 +
208 +
109 109  The **Add data converter** window will appear. Name it ‘**MQTT Uplink Converter NB/CB**’ and select the Type as **Uplink**.
110 110  
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.
211 +Click on the **JavaScript** button.
112 112  
213 +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.
214 +
215 +{{info}}
216 +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.
217 +{{/info}}
218 +
113 113  {{code language="JavaScript"}}
114 114  //Version: 0.1
115 115  // decode payload to string
... ... @@ -230,156 +230,313 @@
230 230  }
231 231  
232 232  return result;
233 -
234 234  {{/code}}
235 235  
236 236  
237 237  Click on the **Add** button.
238 238  
239 -[[image:uplink-data-converter.png||height="529" width="500"]]
240 240  
345 +[[image:mqtt-uplink.png||width="500"]]
241 241  
242 -You should see that the newly added **uplink data converter** is listed on the **Data Converters** page.
243 243  
348 +
349 +You should see that the newly added **MQTT Uplink converter **NB/CB is listed on the **Data Converters** page.
350 +
351 +
244 244  [[image:data-converter-list-showing-uplink-dc.png]]
245 245  
246 246  
247 -== 3.2 Downlink ==
355 += 5. Add Integration =
248 248  
249 249  
250 -On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu.
358 +In the left navigation, click **Integrations center**, and then click **Integrations**.
251 251  
252 -[[image:ThingsBoard-new-data-converter.png||height="282" width="500"]]
253 253  
361 +[[image:integrations-list-empty.png]]
254 254  
255 -The **Add data converter** window will appear. Name it ‘**MQTT Downlink Converter NB/CB**’ and select the Type as **Downlink**.
256 256  
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.
364 +On the **Integrations** page, click on the '**+**' button.
258 258  
259 259  
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 -}
367 +The **Add integration** window appears.
272 272  
273 -// Result object with encoded downlink payload
274 -var result = {
275 - // downlink data content type: JSON, TEXT or BINARY (base64 format)
276 - contentType: "BINARY",
369 +In the **Add integration** window, configure the following settings:
277 277  
278 - // downlink data
279 - data:hexToBase64(metadata.shared_value)
280 280  
281 - // Optional metadata object presented in key/value format
282 - //metadata: {}
372 +**Basic settings:**
283 283  
284 -};
374 +* **Integration type**: MQTT
375 +* **Name**: MQTT integration NB/CB
376 +* **Enable integration**: YES
377 +* **Allows create devices or assets**: YES
285 285  
286 -return result;
287 -{{/code}}
379 +Click **Next** button.
288 288  
289 289  
382 +[[image:add-integration-basic-settings.png||height="511" width="500"]]
383 +
384 +
385 +**Uplink data converter:**
386 +
387 +* Click on the **Select existing** button.
388 +* **Uplink data converter**: Select **MQTT Uplink Converter NB/CB **from the dropdown list.
389 +
390 +Click **Next** button.
391 +
392 +
393 +[[image:add-integration-uplink-data-converter.png||height="511" width="500"]]
394 +
395 +
396 +**Downlink data converter:**
397 +
398 +Dragino NB/CB devices don't require a downlink data converter to decode their payloads, so you can skip this step.
399 +
400 +* Click on the **Skip **button in the Downlink data converter section.
401 +
402 +Click **Skip** button.
403 +
404 +
405 +[[image:integration-dl-skip.png||height="511" width="500"]]
406 +
407 +
408 +
409 +**Connection:**
410 +
411 +* **Host**: Cluster URL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud)
412 +* **Port**: 8883
413 +* **Credentials**: Basic
414 +* **Enable SSL**: YES
415 +* **Username**: Username (from your HiveMQ Cloud Cluster with your credentials)
416 +* **Password:** Password (from your HiveMQ Cloud Cluster with your credentials)
417 +* **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.)
418 +* **QoS:** 0-At most once
419 +
420 +
421 +[[image:add-integration-connection.png||height="511" width="500"]]
422 +
423 +
424 +Click on the **Advanced settings** button.
425 +
426 +* **Clean session:** YES
427 +* **Retained**: YES
428 +
429 +[[image:add-integration-connection-advanced-settings.png||height="510" width="500"]]
430 +
431 +
432 +Click on the **Check connection** button to verify the MQTT connection using the provided parameters.
433 +
434 +
435 +[[image:check-connection.png||height="83" width="300"]]
436 +
437 +
438 +If the connection is successful, you will see the **Connected** message. If not, check your connection parameters again.
439 +
440 +
441 +[[image:connection-success.png||height="511" width="500"]]
442 +
443 +
290 290  Click on the **Add** button.
291 291  
292 -[[image:downlink-data-converter.png||height="530" width="500"]]
446 +You should see that the newly added integration is listed on the **Integrations** page.
293 293  
448 +Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.**
294 294  
295 -You should see that the newly added **downlink data converter** is listed on the **Data Converters** page.
296 296  
297 -[[image:data-converter-list.png]]
451 +[[image:new-integration-pending.png]]
298 298  
299 299  
300 -= 4. Add Integration =
454 += 6. Verifying the receipt of data from virtual devices =
301 301  
302 302  
303 -In the left navigation, click **Integrations center**, and then click **Integrations**.
457 +== 6.1 How does it work? ==
304 304  
305 -On the **Integrations** page, click on the '**+**' button.
306 306  
307 -[[image:data-converter-list-page.png]]
460 +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.
308 308  
462 +The Mosquitto client publishes messages (payloads) on the topic **v1/devices/me/telemetry**. Of course, you can use any topic for testing.
309 309  
310 -The **Add integration** window appears.
464 +(% 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.
311 311  
312 -In the **Add integration** window, configure the following settings:
466 +{{code language="none"}}
467 +{"IMEI": "S31B-NB", "temperature": 27, ......}
468 +{{/code}}
313 313  
470 +Once ThingsBoard receives this message, it automatically creates (provisions) the device mentioned in the **IMEI**, for example, S31B-NB.
314 314  
315 -**Basic settings:**
316 316  
317 -* **Integration type**: MQTT
318 -* **Name**: MQTT integration NB/CB
473 +== 5.2 Sending messages ==
319 319  
320 -Click **Next** button.
321 321  
322 -[[image:add-integration-basic-settings.png||height="511" width="500"]]
476 +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.
323 323  
478 +{{code language="none"}}
479 +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}'
480 +{{/code}}
324 324  
325 -**Uplink data converter:**
482 +If the integration was performed without errors, the status of the integration changes to 'Active' after the first telemetry transmission.
326 326  
327 -* Click on the **Select existing** button.
328 -* **Uplink data converter**: Select **MQTT Uplink Converter NB/CB **from the dropdown list.
329 329  
330 -Click **Next** button.
485 +[[image:integration-active.png]]
331 331  
332 -[[image:add-integration-uplink-data-converter.png||width="500"]]
333 333  
488 +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**.
334 334  
335 -**Downlink data converter:**
336 336  
337 -* Click on the **Select existing** button.
338 -* **Downlink data converter**: Select **MQTT Downlink Converter NB/CB **from the dropdown list.
491 +[[image:new-device.png]]
339 339  
340 -Click **Next** button.
341 341  
342 -[[image:add-integration-downlink-data-converter.png||height="510" width="500"]]
494 +== 6.3 Viewing messages ==
343 343  
344 344  
345 -**Connection:**
497 +Go back to the **Integrations** page.
346 346  
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
499 +Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details.
354 354  
355 -Click on the **Check connection** button to verify the MQTT connection using the provided parameters.
501 +Click on the **Edit** button (//**pen icon**//).
356 356  
357 -[[image:add-integration-connection.png||width="500"]]
503 +Click on the **Disabled** button in the upper-right corner.
358 358  
505 +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.
359 359  
360 -If the connection is successful, you will see the **Connected** message.
507 +Click on the **Apply** button.
361 361  
509 +Then click on the **Apply changes** (//**tick icon**//) button.
510 +
511 +
512 +[[image:Screenshot 2025-03-18 at 09.23.10.png]]
513 +
514 +
515 +Now go to the **Events** tab.
516 +
517 +Select the Event type as **Debug** from the dropdown list.
518 +
519 +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.
520 +
521 +
522 +[[image:Screenshot 2025-03-16 at 18.38.59.png]]
523 +
524 +
525 +Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window.
526 +
527 +
528 +[[image:Screenshot 2025-03-16 at 18.39.12.png]]
529 +
530 +
531 +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.
532 +
533 +
534 += 7. Creating a Dashboard =
535 +
536 +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.
537 +
538 +
539 +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.
540 +
541 +
542 +First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg:
543 +
544 +{{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}}
545 +
546 +
547 +In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu.
548 +
549 +
550 +[[image:dashboard-1.png]]
551 +
552 +
553 +In the **Title** text box, enter **NB/CB Test Dashboard** as the title of the dashboard.
554 +
362 362  Click on the **Add** button.
363 363  
364 -[[image:add-connection-success.png||height="511" width="500"]]
365 365  
558 +[[image:dashboard-2.png||height="526" width="500"]]
366 366  
367 -You should see that the newly added integration is listed on the **Integrations** page.
368 368  
369 -Since we haven't received data from a device yet, the integration **Status** is shown as **Pending.**
561 +Click on the **Add widget / Add new widget** button.
370 370  
371 -[[image:integrations-list-added-pending.png]]
372 372  
564 +[[image:dashboard-3.png]]
373 373  
374 -= 5. Verifying the receipt of data from the device =
375 375  
567 +In the **Select widgets bundle** window, click **Charts**.
376 376  
377 -On the terminal, issue the following MQTT command which simulates the device S31B-NB.
378 378  
570 +[[image:dashboard-4.png||height="537" width="700"]]
571 +
572 +
573 +
574 +In the **Charts: select widget** window, click **Time series chart**.
575 +
576 +
577 +[[image:dashboard-5.png||height="525" width="700"]]
578 +
579 +
580 +Configure the **Time series chart** widget as follows:
581 +
582 +* **Datasource** - select S31B-NB device you provisioned.
583 +* **Series**:
584 +** **temperature** - you can see this key by default.
585 +** **humidity** - Click **Add series** button. Then add the **humidity** for the key and then type **%** as its unit.
586 +* Click on the **Add** button.
587 +
588 +[[image:timeseries-1.png||height="491" width="700"]]
589 +
590 +
591 +The time-series chart will appear in edit mode. Resize it by clicking and dragging the lower-right corner.
592 +
593 +Click the **Save** button to add the widget to the dashboard.
594 +
595 +
596 +[[image:timeseries-3.png||height="347" width="700"]]
597 +
598 +
599 +Now send the following MQTT messages from the terminal to simulate the data.
600 +
601 +
379 379  {{code language="none"}}
380 -mosquitto_pub -d -q 1 -h mqtt.eu.thingsboard.cloud -p 1883 -t v1/devices/S31B-NB/telemetry -u "24vk3w9h7sqdld1me5eh" -m "{temperature:20}"
603 +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}'
604 +
605 +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}'
606 +
607 +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}'
608 +
381 381  {{/code}}
382 382  
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.
611 +The chart will update with the values in realtime, as shown in the below image.
384 384  
613 +
614 +[[image:timeseries-4.png||height="316" width="700"]]
615 +
616 +
617 += 8. Configure NB-IoT Sensor =
618 +
619 +
620 +Now, let's experiment with sending data to ThingsBoard using a real NB-IoT device. For example, we will use the **TS01-NB**.
621 +
622 +First, configure the NB-IoT device with the necessary MQTT settings using AT commands. Below is a list of AT commands you can use.
623 +
624 +
625 +**AT Commands**
626 +
627 +* **AT+PRO=3,3    **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3.
628 +* **AT+SUBTOPIC=<MQTT subscribe topic> Eg: TS01-NB**
629 +* **AT+PUBTOPIC=<MQTT publish topic> Eg: TS01-NB**
630 +* **AT+CLIENT=null**
631 +* **AT+UNAME=<MQTT Username>**
632 +* **AT+PWD=<MQTT Password>**
633 +* **AT+SERVADDR=<Broker address, Port>**
634 +
635 +Test your uplink by pressing the ACT button for 1 second.
385 385  
637 +
638 +
639 +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**.
640 +
641 +{{info}}
642 +The ThingsBoard uses the device's IMEI number included in the payload to create a device in the Devices section.
643 +{{/info}}
644 +
645 +[[image:image-4.png]]
646 +
647 +
648 +
Screenshot 2025-03-16 at 18.38.59.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +221.2 KB
Content
Screenshot 2025-03-16 at 18.39.12.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +211.9 KB
Content
Screenshot 2025-03-18 at 09.23.10.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +78.7 KB
Content
add-integration-basic-settings.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +122.5 KB
Content
add-integration-connection-advanced-settings.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +155.2 KB
Content
add-integration-connection.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +158.1 KB
Content
add-integration-downlink-data-converter.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +123.0 KB
Content
add-integration-uplink-data-converter.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +120.7 KB
Content
check-connection.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +14.7 KB
Content
connection-success.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +90.0 KB
Content
dashboard-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +271.1 KB
Content
dashboard-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +112.2 KB
Content
dashboard-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +141.3 KB
Content
dashboard-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +803.7 KB
Content
dashboard-5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +476.1 KB
Content
data-converter-list-showing-uplink-dc.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +194.9 KB
Content
device-provision-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +265.7 KB
Content
device-provision-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +213.9 KB
Content
emqx.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +39.1 KB
Content
hivemq-10.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +82.7 KB
Content
hivemq-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +300.7 KB
Content
hivemq-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +535.2 KB
Content
hivemq-4.jpg
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +309.8 KB
Content
hivemq-5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +115.0 KB
Content
hivemq-6.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +321.0 KB
Content
hivemq-7.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +203.5 KB
Content
hivemq-8.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +268.7 KB
Content
hivemq-9.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +303.7 KB
Content
hivwmq-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +380.3 KB
Content
image-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +96.0 KB
Content
ins1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +28.8 KB
Content
integration-active.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +64.2 KB
Content
integration-dl-skip.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +105.5 KB
Content
integrations-list-empty.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +264.5 KB
Content
mqtt-uplink.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +175.1 KB
Content
new-device.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +143.3 KB
Content
new-integration-pending.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +199.7 KB
Content
telemetry-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +191.9 KB
Content
telemetry-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +185.1 KB
Content
thingsboard-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +1.9 MB
Content
thingsboard-2.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +901.1 KB
Content
thingsboard-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +146.3 KB
Content
thingsboard-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +122.1 KB
Content
thingsboard-5.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +106.7 KB
Content
thingsboard-6.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +119.3 KB
Content
timeseries-1.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +179.1 KB
Content
timeseries-3.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +174.2 KB
Content
timeseries-4.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.pradeeka
Size
... ... @@ -1,0 +1,1 @@
1 +159.0 KB
Content