Web視覺化開發是阿里雲IoT Studio中比較重要的一個功能，通過視覺化拖拽的方式，方便地將各種圖表元件與裝置相關的資料來源關聯，無需程式設計，即可將物聯網平臺上接入的裝置資料視覺化展現。

      目前支援的元件如下圖所示：

       通過視覺化拖拽的方式，方便地將各種圖表元件與裝置相關的資料來源關聯，無需程式設計，即可將物聯網平臺上接入的裝置資料視覺化展現。

    我們的對接的硬體平臺依然是YF3300，相關的配置如下：

    當前物聯網平臺已經直接集成了IoT Studio，如下圖所示：

    首先我們在阿里雲上構建YF3300的物模型，並在此基礎上，我們新增溫度和溼度這兩個屬性。

     阿里雲IoT Studio中的裝置管理和物聯網平臺中的裝置管理有些不同，針對IoT Studio來說，是以專案為單位的。產品和裝置在同一個專案內是共享的，在不同專案之間是隔離的。因此，為使得IoT Studio中具有訪問產品/裝置的許可權，必須將物聯網平臺中的裝置管理中的產品關聯到專案中，或者直接在專案下建立產品和裝置（在專案下建立的產品和裝置，將直接顯示在物聯網平臺的裝置管理模組中）。

     在阿里雲IoT Studio頁面可以新建產品和裝置，也可以繫結阿里雲物聯網平臺中的產品和裝置。並且在阿里雲IoT Studio頁面建立的裝置，自動會出現在阿里雲物聯網平臺中。

     我們拖拉兩個儀表盤，和I1和I2還有繼電器Q1輸出相關的元件。

       相關的元件要和產品和物模型進行繫結，如下圖所示：

        相關配置完成後，直接釋出即可。

        在瀏覽器中，我們會直接看到對應的資料和狀態發生變化，並且可以直接操作開關，控制實際的物聯網裝置。

    想體驗阿里雲IoT平臺的網友，可以單擊如下連結：https://dev.iot.aliyun.com/sale?source=deveco_partner_yefan

&n