本案例介绍如何使用物联网应用开发（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. 步骤三：发布。