Changes for page ThingsBoard

Last modified by Dilisi S on 2025/04/23 19:23

From version 170.1
edited by Dilisi S
on 2025/03/19 21:00
Change comment: There is no comment for this version
To version 155.1
edited by Dilisi S
on 2025/03/17 00:27
Change comment: Mar 16 edits - part 1

Summary

Details

Page properties
Content
... ... @@ -67,6 +67,7 @@
67 67  [[image:thingsboard-6.png||height="244" width="500"]]
68 68  
69 69  
70 +(% class="wikigeneratedid" %)
70 70  == 2.2 HiveMQ Cloud ==
71 71  
72 72  === 2.2.1 HiveMQ Cloud ===
... ... @@ -176,6 +176,7 @@
176 176  In the left navigation, click **Integrations center**, and then click **Data converters**.
177 177  
178 178  
180 +
179 179  [[image:data-converters-list-empty.png]]
180 180  
181 181  
... ... @@ -188,130 +188,34 @@
188 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** button.
193 +Click on the **TBEL** button if not selected it by default. Delete the existing decoder function in the code editor. Now copy and paste the following decoder function written in **TBEL (ThingsBoard Expression Language)** in to the **code editor**. This decoder function is compatible 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 -
196 196  {{code language="JavaScript"}}
197 -//Version: 0.1
196 +/** Decoder **/
197 +
198 198  // decode payload to string
199 199  var payloadStr = decodeToString(payload);
200 +var data = JSON.parse(payloadStr);
200 200  
202 +var deviceName = metadata.topic.split("/")[3];
201 201  // decode payload to JSON
202 -var objdata = {};
203 -var obj1 = {};
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();
204 +var deviceType = 'sensor';
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]));
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 -}
206 +// Result object with device attributes/telemetry data
288 288  var result = {
289 -
290 290   deviceName: deviceName,
291 - deviceType: modelname,
209 + deviceType: deviceType,
292 292   attributes: {
293 - model: modelname,
294 - //customerName: "NB-CB",
295 - //groupName: "NB-CB",
296 - //integrationName: metadata['integrationName']
297 -
211 + integrationName: metadata['integrationName'],
298 298   },
299 - telemetry: listdata
300 -}
213 + telemetry: {
214 + temperature: data.temperature,
215 + humidity: data.humidity,
216 + }
217 +};
301 301  
302 -function decodeToString(payload) {
303 - return String.fromCharCode.apply(String, payload);
304 -}
219 +/** Helper functions 'decodeToString' and 'decodeToJson' are already built-in **/
305 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  
... ... @@ -319,20 +319,84 @@
319 319  Click on the **Add** button.
320 320  
321 321  
322 -[[image:mqtt-uplink.png||width="500"]]
323 323  
229 +[[image:add-uplink-data-converter.png||height="529" 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 -
329 329  [[image:data-converter-list-showing-uplink-dc.png]]
330 330  
331 331  
332 332  
238 +== 3.2 Downlink ==
333 333  
334 334  
241 +On the **Data converters** page, click on the ‘**+**’ button, and then click on the **Create new converter** from the dropdown menu.
335 335  
243 +
244 +[[image:create-new-converter-menu.png||width="500"]]
245 +
246 +
247 +
248 +The **Add data converter** window will appear. Name it ‘**MQTT Downlink Converter NB/CB**’ and select the Type as **Downlink**.
249 +
250 +Click on the **TBEL** button if not selected it by default. Now copy and paste the following encoder function written in **TBEL (ThingsBoard Expression Language)** in to the **code editor**. This encoder function is compatible for both NB and CB series devices.
251 +
252 +
253 +{{code language="JavaScript"}}
254 +// Encode downlink data from incoming Rule Engine message
255 +
256 +// msg - JSON message payload downlink message json
257 +// msgType - type of message, for ex. 'ATTRIBUTES_UPDATED', 'POST_TELEMETRY_REQUEST', etc.
258 +// metadata - list of key-value pairs with additional data about the message
259 +// integrationMetadata - list of key-value pairs with additional data defined in Integration executing this converter
260 +
261 +/** Encoder **/
262 +
263 +var data = {};
264 +
265 +// Process data from incoming message and metadata
266 +
267 +data.tempFreq = msg.temperatureUploadFrequency;
268 +data.humFreq = msg.humidityUploadFrequency;
269 +
270 +data.devSerialNumber = metadata['ss_serialNumber'];
271 +
272 +// Result object with encoded downlink payload
273 +var result = {
274 +
275 + // downlink data content type: JSON, TEXT or BINARY (base64 format)
276 + contentType: "JSON",
277 +
278 + // downlink data
279 + data: JSON.stringify(data),
280 +
281 + // Optional metadata object presented in key/value format
282 + metadata: {
283 + topic: metadata['deviceType']+'/'+metadata['deviceName']+'/upload'
284 + }
285 +
286 +};
287 +
288 +return result;
289 +{{/code}}
290 +
291 +
292 +Click on the **Add** button.
293 +
294 +
295 +
296 +[[image:add-downlink-data-converter.png||height="529" width="500"]]
297 +
298 +
299 +You should see that the newly added **MQTT Downlink** Converter NB/CB is listed on the **Data Converters** page.
300 +
301 +
302 +[[image:data-converters-list.png]]
303 +
304 +
305 +
336 336  = 4. Add Integration =
337 337  
338 338  
... ... @@ -360,6 +360,7 @@
360 360  Click **Next** button.
361 361  
362 362  
333 +
363 363  [[image:add-integration-basic-settings.png||height="511" width="500"]]
364 364  
365 365  
... ... @@ -371,6 +371,7 @@
371 371  Click **Next** button.
372 372  
373 373  
345 +
374 374  [[image:add-integration-uplink-data-converter.png||height="511" width="500"]]
375 375  
376 376  
... ... @@ -382,18 +382,19 @@
382 382  Click **Next** button.
383 383  
384 384  
357 +
385 385  [[image:add-integration-downlink-data-converter.png||height="511" width="500"]]
386 386  
387 387  
388 388  **Connection:**
389 389  
390 -* **Host**: Cluster URL (Eg. 011731f7xxxxxxxxxxxfbbedfc63f4.s1.eu.hivemq.cloud)
363 +* **Host**: Cluster URL (Eg. 011731f7928541588a6cdfbbedfc63f4.s1.eu.hivemq.cloud)
391 391  * **Port**: 8883
392 392  * **Credentials**: Basic
393 393  * **Enable SSL**: YES
394 394  * **Username**: Username (from your HiveMQ Cloud Cluster with your credentials)
395 395  * **Password:** Password (from your HiveMQ Cloud Cluster with your credentials)
396 -* **Topic: v1/devices/+/telemetry** (the + replaces any 'device name' will create a device in the Entities -> Devices)
369 +* **Topic:** tb/mqtt-integration-tutorial/sensors/+/telemetry (the + replaces any 'device name' and creates devices in the Entities -> Devices)
397 397  * **QoS:** 0-At most once
398 398  
399 399  [[image:add-integration-connection.png||height="511" width="500"]]
... ... @@ -438,24 +438,36 @@
438 438  
439 439  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.
440 440  
441 -The Mosquitto client publishes messages (payloads) on the topic **v1/devices/me/telemetry**. Of course, you can use any topic for testing.
414 +The Mosquitto client publishes messages on the topic v1/devices/[device_name]/telemetry. The [device_name]placeholder can be replaced with any device name, for example, 'S31B-NB'. Then, the MQTT topic would be v1/devices/S31B-NB/telemetry.
442 442  
443 -(% 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.
416 +On the ThingsBoard side, we configure the MQTT topic subscription as v1/devices/+/telemetry. The + wildcard represents any device name and allows ThingsBoard to automatically create (provision) a device with that name, such as S31B-NB, for example.
444 444  
418 +
419 +**The new device is created the first time the MQTT topic is received. For subsequent MQTT topics with the same device name, no duplicate devices will be created.**
420 +
421 +
422 +For example, if you send two MQTT messages with different device names in the topic:
423 +
424 +1. v1/devices/**S31B-NB**/telemetry
425 +1. v1/devices/**LDS25-NB**/telemetry
426 +
427 +ThingsBoard will create two devices named **S31B-NB** and **LDS25-NB** in the **//Devices//** section.
428 +
429 +
430 +The MQTT payload format is as follows, which is common for all ~-~-NB and ~-~-CB series devices:
431 +
445 445  {{code language="none"}}
446 -{"IMEI": "S31B-NB", "temperature": 27, ......}
433 +{"temperature":10.4, "humidity":85}
447 447  {{/code}}
448 448  
449 -Once ThingsBoard receives this message, it automatically creates (provisions) the device mentioned in the **IMEI**, for example, S31B-NB.
450 450  
451 -
452 452  == 5.2 Sending messages ==
453 453  
454 454  
455 -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.
440 +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 10.4 and 85, respectively. This payload is also (technically) known as telemetry.
456 456  
457 457  {{code language="none"}}
458 -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}'
443 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":10.4, "humidity":85}'
459 459  {{/code}}
460 460  
461 461  If the integration was performed without errors, the status of the integration changes to 'Active' after the first telemetry transmission.
... ... @@ -467,49 +467,38 @@
467 467  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**.
468 468  
469 469  
470 -[[image:new-device.png]]
455 +[[image:device-provision-1.png]]
471 471  
472 472  
473 -== 5.3 Viewing messages ==
458 +Click on the device S31B-NB on the devices list to see its details.
474 474  
460 +Then go to the **Latest telemetry** tab.
475 475  
476 -Go back to the **Integrations** page.
462 +You can see the fields temperature and humidity with the values you previously sent using the MQTT message.
477 477  
478 -Click on the **MQTT integration NB/CB** in the **Integrations** page to see its details.
479 479  
480 -Click on the **Edit** button (//**pen icon**//).
465 +[[image:telemetry-1.png]]
481 481  
482 -Click on the **Disabled** button in the upper-right corner.
483 483  
484 -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.
468 +Now, change the values of the fields and send the MQTT message again. For example, set temperature to 20 and humidity to 70. Observe how the values update in //Latest Telemetry//.
485 485  
486 -Click on the **Apply** button.
487 487  
488 -Then click on the **Apply changes** (//**tick icon**//) button.
471 +[[image:telemetry-2.png]]
489 489  
490 490  
491 -[[image:Screenshot 2025-03-18 at 09.23.10.png]]
474 +Let's provision the second device named **LDS25-NB **with initial telemetry. Use the following MQTT message.
492 492  
493 493  
494 -Now go to the **Events** tab.
477 +{{code language="none"}}
478 +mosquitto_pub -d -q 1 -h 011731f7928541588a6cdfbbedfc63f4.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/LDS25-NB/telemetry" -u "pradeeka" -P "Kalpani123@" -m '{"temperature":11, "humidity":87}'
479 +{{/code}}
495 495  
496 -Select the Event type as **Debug** from the dropdown list.
481 +Now, refresh the **Devices** page, and you will see the second device, **LDS25-NB**, which was recently provisioned.
497 497  
498 -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.
499 499  
484 +[[image:device-provision-2.png]]
500 500  
501 -[[image:Screenshot 2025-03-16 at 18.38.59.png]]
502 502  
503 -
504 -Then click on the **three dots (...)** in the **Message** column. You can see the uplink message's **payload** in the **Message** window.
505 -
506 -
507 -[[image:Screenshot 2025-03-16 at 18.39.12.png]]
508 -
509 -
510 -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.
511 -
512 -
513 513  = 6. Creating a Dashboard =
514 514  
515 515  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,11 +518,6 @@
518 518  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.
519 519  
520 520  
521 -First simulate a few messages using MQTT. This time, we have added the 'humidity' field to the payload. Eg:
522 -
523 -{{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}}
524 -
525 -
526 526  In **ThingsBoard**, from the left navigation menu, click **Dashboards**. Then, click the **+** button and select **Create new dashboard** from the dropdown menu.
527 527  
528 528  
... ... @@ -579,11 +579,11 @@
579 579  
580 580  
581 581  {{code language="none"}}
582 -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}'
551 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":20, "humidity":70}'
583 583  
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": 27, "humidity":72}'
553 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":22, "humidity":71}'
585 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": 19, "humidity":80}'
555 +mosquitto_pub -d -q 1 -h 011731f7928xxxxx.s1.eu.hivemq.cloud -p 8883 -t "tb/mqtt-integration-tutorial/sensors/S31B-NB/telemetry" -u "xxxxx" -P "xxxxx" -m '{"temperature":18, "humidity":79}'
587 587  
588 588  {{/code}}
589 589  
... ... @@ -604,8 +604,8 @@
604 604  **AT Commands**
605 605  
606 606  * **AT+PRO=3,3    **~/~/ Use MQTT to connect to ThingsBoard. Payload Type set to 3.
607 -* **AT+SUBTOPIC=<MQTT subscribe topic> **
608 -* **AT+PUBTOPIC=<MQTT publish topic> Eg: TS01-NB**
576 +* **AT+SUBTOPIC=<MQTT topic>**
577 +* **AT+PUBTOPIC=<MQTT topic>**
609 609  * **AT+CLIENT=null**
610 610  * **AT+UNAME=<MQTT Username>**
611 611  * **AT+PWD=<MQTT Password>**
... ... @@ -612,11 +612,3 @@
612 612  * **AT+SERVADDR=<Broker address, Port>**
613 613  
614 614  Test your uplink by pressing the ACT button for 1 second.
615 -
616 -
617 -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**.
618 -
619 -[[image:image-4.png]]
620 -
621 -
622 -
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 -277.0 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-connection.png
Size
... ... @@ -1,1 +1,1 @@
1 -153.2 KB
1 +124.4 KB
Content
image-4.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.pradeeka
Size
... ... @@ -1,1 +1,0 @@
1 -96.0 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