本案例介绍如何使用物联网应用开发(IoT Studio)平台的Web可视化开发功能开发一个可展示和控制家居用品开关状态(例如灯、窗帘等的开关状态)的Web应用。

设计思路

  • 创建并接入相应的产品(例如:开关遥控器)和设备。需要为产品定义以下功能属性。
    功能名称 标识符 数据类型 取值范围 读写类型
    主卧灯开关 MasterLightSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
    次卧灯开关 SecondaryLightSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
    客厅灯开关 LivingLightSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
    主卧窗帘开关 MasterCurtainSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
    次卧窗帘开关 SecondaryCurtainSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
    客厅窗帘开关 LivingCurtainSwitch bool (布尔型)
    • 0:关
    • 1:开
    读写
  • 在Web应用开发工作台,创建开关组件并配置数据源,展示和控制家居灯和窗帘的开关状态。遥控示例

操作步骤

  1. 步骤一:创建Web应用
  2. 步骤二:搭建开关状态监控应用
  3. 步骤三:发布