该组件自动导入项目下的所有设备后,以表格形式提供全面的设备管理功能,包括查询项目内各设备的连接状态、基础信息和实时运行详情等。下文介绍组件的详细配置方法。

步骤一:添加组件

  1. 创建Web应用。详细操作请参见创建Web应用
  2. 在Web应用编辑器中,单击最左侧的组件图标组件
  3. 在画布左侧组件列表上方,输入设备管理(专业版),找到该组件,然后将组件拖拽到中间画布。

    有关组件添加的详细内容,请参见添加组件

    说明
    • 如果第一次使用该组件,需要先完成该组件的服务授权,执行下文的步骤二。
    • 如果已完成该组件的授权,可直接配置样式,即跳转到下文的步骤三。
    设备管理(专业版)

步骤二:开通组件服务授权

单击右侧样式栏的点击授权,RAM控制台系统会自动创建一个服务关联角色,以便管理物联网设备。具体信息如下:

  • 服务名称:studio-component.linkanalytics.aliyuncs.com
  • 角色名称:AliyunServiceRoleForIoTStudioComponent
  • 角色权限策略名称:AliyunServiceRolePolicyForIoTStudioComponent
  • 权限说明:允许设备管理(专业版)组件访问您IoT云资源的权限。您可通过该权限实现查询和管理物联网设备的功能。

开通服务授权后,右侧样式栏显示具体配置项,即可配置并使用该组件。

说明 如果组件服务授权失败,解决方法请参见常见问题

您也可根据实际场景需求,删除自动创建的服务关联角色,删除后将不再支持使用该组件。

注意 删除前,请确认已删除您账号下所有Web应用中的全部设备管理(专业版)组件。

有关服务关联角色的更多详细内容,请参见服务关联角色

步骤三:配置样式

  1. 可选:在右侧样式中,单击全局样式上方的设备管理
    可在项目详情的设备页面,查看更多设备信息。设备管理
  2. 参照以下配置表,完成组件展示的配置。
    配置项 说明
    全局样式 设置全局字体和背景色。
    表格标题 设置是否显示表格标题,及可显示的效果。
    设备状态及操作项 设置设备不同状态指示点和启用开关颜色,操作文字颜色和列表不同勾选项颜色。
    操作按钮 设置操作按钮不同状态下的背景色、边框色和文字颜色。
    表头文字 设置表头背景和文字显示效果。
    内容文字
    行或列样式 设置行或列的显示效果。
    表身外边框 设置表格外边框是否显示。及可显示的效果。
    分页器 设置是否显示分页器,及可显示的效果。开启分页器后,每页数量的取值范围为1~200行。

    如果没有开启分页显示,但表格中数据过多,超出了表格的高度,可以通过鼠标滚动查看所有数据。如果选中了冻结首行复选框,表格滚动时,表头将固定在表格顶部。

    筛选器 设置应用运行时,支持展示、搜索的筛选项(默认已选中),及筛选项对应的字色、icon颜色、背景色等。
  3. 调整组件在页面中的最终位置。有关组件通用样式配置,请参见样式配置

(可选)预览与使用

单击页面右上角的预览按钮,调试组件功能。

设备管理功能

支持在预览或应用发布后页面,执行以下任务。

任务 操作步骤
查看具体产品下设备信息 在表格左上方选择某个产品。
搜索设备 输入设备名称或设备备注名称搜索具体设备,支持模糊搜索。
查看设备信息和物模型数据 单击对应设备的查看
单个或批量删除设备
  • 单击某个设备对应的删除
  • 选中多个设备前的复选框,单击表格左下方的删除
说明 设备删除后,该设备证书信息将失效,该设备在物联网平台上的数据记录随之删除。请谨慎操作。
禁用或启用设备 选中目标设备前的复选框,单击表格左下方的禁用启用
说明 设备被禁用后,物联网平台中与该设备关联的信息依然保留。但该设备将不能接入物联网平台,您将无法执行与该设备有关的操作。

常见问题

问题:开通组件服务授权失败,怎么办?

可能原因:当前登录账号为RAM账号,没有创建服务关联角色的权限。

解决方法:登录主账号或拥有管理员权限的账号,选择以下方法开通组件服务授权。

  • 进入当前Web可视化页面,单击点击授权,直接完成该组件授权。
  • 先授权当前RAM账号创建服务关联角色(CreateServiceLinkedRole)的自定义权限策略,然后重新登录RAM账号完成组件授权。

    有关授权的具体操作,请参见创建自定义策略为RAM用户授权

    自定义权限策略的脚本内容如下。

    {
        "Statement": [
            {
                "Effect": "Allow",
                "Action": "ram:CreateServiceLinkedRole", //
                "Resource": "*",
                "Condition": {
                    "StringEquals": {
                        "ram:ServiceName": "studio-component.linkanalytics.aliyuncs.com"
                    }
                }
            }
        ],
        "Version": "1"
    }