ThingsBoard学习笔记二:采集设备数据以及可视化展示

1、登录租户管理帐号

  • 租户帐号:tenant@thingsboard.org
  • 租户密码:tenant
    file

2、添加设备

打开设备面板(Devices)点击右下角“+”
file

填写并保存设备名称(例如,“SN-001”)。下文中被称作$DEVICE_NAME。设备名称必须是唯一的。建议根据惟一的序列号或其他设备标识符填写设备名称。单击“添加”按钮将向面板添加相应的设备卡。
file

点击上一步骤中创建的“device card”打开“详细信息”面板。
file

点击面板顶部“管理凭据”按钮弹出设备凭证弹窗。该token下文中被称为$ACCESS_TOKEN,在后面的接口调用过程中会被使用。
file

传递设备数据,以cURL为例:

curl -v -X POST -d {\"firmware_version\":\"1.0.1\", \"serial_number\":\"SN-001\"}" http://$THINGSBOARD_HOST:$THINGSBOARD_PORT/api/v1/$ACCESS_TOKEN/attributes --header "Content-Type:application/json"
curl -v -X POST -d "{\"temperature\": 25}" http://$THINGSBOARD_HOST:$THINGSBOARD_PORT/api/v1/YhkgZboN7o1gNfMr2ZMv/telemetry --header "Content-Type:application/json"

执行脚本前注意:

  • 使用设备凭证窗口的访问token替换$ACCESS_TOKEN。
  • 使用127.0.0.1 (本地安装) 或者demo.thingsboard.io (在线演示)替换$THINGSBOARD_HOST。
    修改后:
curl -v -X POST -d "{\"firmware_version\":\"1.0.1\", \"serial_number\":\"SN-001\"}" http://localhost:8080/api/v1/YhkgZboN7o1gNfMr2ZMv/attributes --header "Content-Type:application/json"
curl -v -X POST -d "{\"temperature\": 25}" http://localhost:8080/api/v1/YhkgZboN7o1gNfMr2ZMv/telemetry --header "Content-Type:application/json"

3、web界面展示

执行完上述命令后,你可以在对应的设备详情列看到属性和最新遥测数据。
file
file

4、创建新仪表盘使数据可视化

最简单的创建新仪表盘的方式是选择设备属性并在小部件上展示这些选中的属性。在【设备详情】信息页,点击【属性】选择你要操作的属性,然后点击【添加到仪表盘】
file
显示“widget preview”面板,在该面板中可进行如下操作:

  • 选择小部件包
  • 选择首选小部件*
  • 将小部件添加到新的或者已存在的仪表盘中
    file
    将第一个小部件添加到名为“SN-001 Dashboard”的仪表盘上
    file
    添加小部件来可视化温度。在【设备详情】信息页,点击【最新遥测】选择你要操作的属性,然后点击【添加到仪表盘】
    file
    选择“Digital gauges”。使用carousel(旋转进度条)来选择温度计小部件,如下所示。
    file
    我们将为已经存在的仪表盘添加小部件。我们仍然选择的是“Open dashboard”选项来查看结果。
    file

最后,我们可以查看我们的新仪表盘了。我们可以编辑仪表盘进行如下操作:

  • 配置仪表盘设置
  • 调节小部件的尺寸和布局。
  • 修改每一个小部件的高级设置。
  • 添加或者移除小部件。
  • 小部件导入/导出。
    file
  • 0
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值