本案例介紹如何使用物聯網應用開發（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. 步驟三：發布。