你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

教程:在 Azure IoT Central 中自定义仪表板和管理设备

本教程介绍如何在 Azure IoT Central 店内分析应用程序中自定义仪表板。 应用程序操作员可以使用自定义仪表板来运行应用程序并管理附加的设备。

本教程中,您将学习如何:

  • 自定义仪表板上的图像磁贴
  • 排列磁贴以修改布局
  • 添加遥测磁贴以显示条件
  • 添加属性磁贴以显示设备详细信息
  • 添加命令磁贴以运行命令

先决条件

在开始之前,请完成 “创建并部署店内分析应用程序模板” 教程。

更改仪表板名称

创建条件监视应用程序后,可以编辑其默认仪表板。 还可以创建更多仪表板。

自定义应用程序仪表板的第一步是更改名称:

  1. 转到 “Azure IoT Central 我的应用 ”页。

  2. 打开所创建的条件监视应用程序。

  3. 选择 仪表板设置,输入仪表板的名称,然后选择“ 保存”。

应用商店中分析应用程序仪表板的屏幕截图。

自定义仪表板上的图像磁贴

Azure IoT Central 应用程序仪表板由一个或多个磁贴组成。 磁贴是用于在仪表板上显示内容的矩形容器。 你可以将各种类型的内容与磁贴相关联,并且可以拖动、拖放和调整磁贴大小以自定义仪表板布局。

有多种类型的磁贴可用于显示内容:

  • 图像 磁贴包含图像,你可以添加一个 URL 来选择图像。
  • 标签 磁贴显示纯文本。
  • Markdown 磁贴包含格式化的内容,并允许设置图像、URL、标题和 Markdown 代码,该代码呈现为 HTML。
  • 遥测数据、属性或命令磁贴显示特定于设备的数据。

在本部分中,将在仪表板上自定义图像磁贴。

自定义在仪表板上显示品牌图像的图像磁贴:

  1. 在仪表板工具栏上选择 “编辑 ”。

  2. 在显示 Northwind Traders 品牌图像的图像磁贴上选择 “编辑 ”。

  3. 更改 标题。 将鼠标悬停在图像上时,将显示标题。

  4. 选择 “图像”。 此时会打开一个窗口,你可以在其中上传自定义图像,或者(可选)指定图像的 URL。

  5. 选择更新

    显示店内分析应用程序仪表板品牌图像磁贴的屏幕截图。

  6. (可选)在 “文档 ”磁贴上,选择“ 配置”,然后指定链接到支持内容的 URL。

自定义图像磁贴以显示商店中传感器区域的地图:

  1. 在显示默认存储区域映射的图像磁贴上,选择“ 配置”。

  2. 选择 “图像”,然后上传存储区地图的自定义图像。

  3. 选择更新

屏幕截图显示店内分析应用程序仪表板商店映射磁贴。

Contoso 商店地图示例显示四个区域:两个结帐区域、一个用于服装和个人护理的区域,以及一个杂货和 deli 区域。

在本教程中,你将传感器与这些区域相关联,以提供遥测数据。

排列磁贴以修改布局

自定义仪表板的关键步骤是重新排列磁贴以创建有用的视图。 应用程序操作员使用仪表板可视化设备遥测、管理设备并监控商店中的情况。

Azure IoT Central 简化了创建仪表板的应用程序生成器任务。 通过使用仪表板编辑模式,可以快速添加、移动、调整大小和删除磁贴。

店内分析 - 结帐应用程序模板还简化了创建仪表板的任务。 该模板提供工作仪表板布局(其中连接了传感器),以及显示结帐行计数和环境情况的磁贴。

在本部分中,您将重新排列店内分析 - 签出应用程序模板中的仪表板区域,以创建自定义布局。

若要删除不打算在应用程序中使用的磁贴,请执行以下步骤:

  1. 在仪表板工具栏上选择 “编辑 ”。

  2. 对于 Contoso 商店仪表板不使用的以下每个磁贴,选择省略号 (...),然后选择“删除”:

    • 返回所有区域
    • 访问应用商店控制面板
    • 准备结帐区
    • 冷却结帐区域
    • 占用感应器设置
    • 恒温器设置
    • 等待时间
    • 环境条件
    • Checkout 3:所有与其关联的三个块
  3. 选择“保存”。 删除未使用的磁贴可以在编辑页面上释放空间,并简化了操作员的仪表板视图。

删除未使用的磁贴后,重新排列剩余磁贴以创建有组织的布局。 新布局包括用于稍后添加的磁贴的空间。

如何重新排列剩余的磁贴:

  1. 选择 编辑

  2. 将“占用固件”磁贴拖动到“占用”电池磁贴的右侧。

  3. 恒温器固件 磁贴拖到 恒温器 电池磁贴右侧。

  4. 选择“保存”

  5. 查看布局更改。

显示店内分析应用程序仪表板布局的屏幕截图。

添加遥测磁贴以显示条件

自定义仪表板布局后,即可添加磁贴以显示遥测数据。 若要创建遥测磁贴,请选择设备模板和设备实例,然后选择特定于设备的遥测,以在磁贴中显示。 店内分析 - 结账应用程序模板包括仪表板上的多个数据收集磁贴。 两个结帐区域中的四个磁贴显示模拟占用传感器的遥测数据。 “人员流量”磁贴显示两个结帐区域中的计数。

在本节中,您将添加另外两个遥测磁贴,以显示您在创建和部署店内分析应用程序模板教程中添加的 RuuviTag 传感器的环境遥测数据。

若要添加磁贴以显示 RuuviTag 传感器的环境数据,请执行以下步骤:

  1. 选择 编辑

  2. “设备模板 ”列表中,选择 “RuuviTag”。

  3. 选择两个 RuuviTag 传感器之一的“设备实例”。 在 Contoso 商店示例中,选择 Zone 1 Ruuvi 为区域 1 创建遥测磁贴。

  4. “遥测 ”列表中,选择 “相对湿度 ”和“ 温度”,即磁贴上每个区域显示的遥测项。

  5. 选择 添加磁贴。 此新磁贴显示所选传感器的组合湿度和温度遥测。

  6. 在新的 RuuviTag 传感器磁贴上,选择“配置”。

  7. 标题 更改为 区域 1 环境

  8. 选择更新

  9. 重复步骤 1 到 8,为第二个传感器实例创建磁贴。 对于 标题,请输入 区域 2 环境,然后选择 更新配置

  10. 将标题为 区域 2 环境 的磁贴拖到 恒温器固件 磁贴下方。

  11. 将标题为 “区域 1”环境的 磁贴拖到 “人员流量 ”磁贴下方。

  12. 选择“保存”。 仪表板显示两个新磁贴中的区域遥测数据。

显示店内分析应用程序仪表板 RuuviTag 磁贴的屏幕截图。

若要编辑 人流量 磁贴,以仅显示两个结账区域的遥测数据:

  1. 选择 编辑

  2. 人员流量磁贴上,选择编辑

  3. 删除 count3 遥测。

  4. 选择更新

  5. 选择“保存”。 更新的仪表板仅显示两个结帐区域的计数,这些区域基于模拟占用传感器。

显示应用商店内分析应用程序仪表板“人员流量”磁贴的屏幕截图。

添加命令磁贴以运行命令

应用程序操作员还使用仪表板通过运行命令来管理设备。 可以将执行预定义命令的命令磁贴添加到设备的仪表板上。 在本部分中,将添加一个命令磁贴,使操作员能够重新启动 Rigado 网关。

若要添加命令磁贴以重新启动网关,请执行以下作:

  1. 选择 编辑

  2. “设备模板 ”列表中,选择 “C500”。 它是 Rigado C500 网关的模板。

  3. 设备实例中选择网关实例。

  4. 选择 “重新启动 ”命令。

  5. 选择 添加磁贴

  6. 选择“保存”

  7. 查看已完成的 Contoso 仪表板。

    显示已完成的店内分析应用程序仪表板的屏幕截图。

  8. (可选)选择 “重新启动 ”磁贴以在网关上运行重新启动命令。

清理资源

如果不打算完成任何进一步的 IoT Central 快速入门或教程,可以删除 IoT Central 应用程序:

  1. 在 IoT Central 应用程序中,导航到 应用程序 > 管理
  2. 选择“删除”,然后确认操作。

后续步骤