低代碼物聯網應用開發服務IoT Studio開發實踐

物聯網應用開發（IoT Studio）是阿裡雲針對物聯網場景提供的生産力工具，是阿裡雲物聯網平台的一部分。可覆寫各個物聯網行業核心應用場景，幫助您高效經濟地完成物聯網資料分析、裝置、服務及應用開發，加速物聯網SaaS建構。

物聯網應用開發提供了Web可視化開發、業務邏輯開發與物聯網資料分析等一系列便捷的物聯網開發工具，解決物聯網開發領域開發鍊路長、技術棧複雜、協同成本高、方案移植困難的問題。

架構圖

IoT Studio架構圖如下。您可以在裝置接入完成的基礎上，使用IoT Studio提供的資料分析、業務邏輯開發、Web可視化開發能力，經濟高效地開發物聯網應用。

目前，物聯網企業級生産力的資料分析、業務邏輯開發、Web可視化開發三個工具可融合為一，目标是幫助物聯網企業完成裝置上雲的最後一公裡。您可分别獨立使用三個工具，也可合并使用以發揮IoT Studio的最佳效果。

功能特點

• 可視化搭建IoT Studio提供可視化搭建能力，您可以通過拖拽、配置操作，快速完成裝置資料監控相關的Web應用、API服務的開發。您可以專注于核心業務，從傳統開發的繁瑣細節中脫身，有效提升開發效率。
• 與裝置管理無縫內建裝置相關的屬性、服務、事件等資料均可從物聯網平台裝置接入和管理子產品中直接擷取，IoT Studio與物聯網平台無縫打通，大大降低物聯網開發工作量。
• 豐富的開發資源各開發平台均擁有數量衆多的元件和豐富的API。随着産品疊代更新，元件庫會愈加豐富，IoT Studio幫助您提升開發效率。
• 元件開發IoT Studio提供了元件開發能力，您可以開發、釋出和管理自己研發的元件，并将其釋出到Web可視化工作台中用于可視化頁面搭建。大大滿足開發者的需求，提升元件豐富性，為可視化搭建提供無限可能。
• 無需部署使用IoT Studio，應用服務開發完畢後，直接托管在雲端，支援直接預覽、使用。無需部署即可傳遞使用，免除您額外購買伺服器等産品的煩惱。本文提供LoRa溫濕度傳感器通過Link WAN接入，同時采用阿裡雲物聯網平台實作端到端應用。

本示例建立一個裝置地圖大屏，通過物聯網應用開發的空間功能監測展示不同區域作物土壤的實時環境資料。

前提條件

已完成建立項目（例如：project_space）。詳細操作請參見

普通項目

。

步驟一：建立土壤傳感器裝置

1. 在 物聯網平台控制台 左側導航欄，單擊IoT Studio > 項目管理。
2. 在普通項目清單中，找到項目：project_space，單擊項目卡片。

3. 在項目詳情頁，單擊左側導航欄的産品，單擊建立産品，完成參數配置，單擊儲存。本案例為産品命名為土壤傳感器，選擇自定義品類，其他參數使用預設值。

   更多參數的說明請參見

   參數說明表

4. 在産品清單中，單擊土壤傳感器産品對應操作欄的檢視，單擊功能定義，為産品自定義物模型屬性，說明如下所示。

   | 功能名稱 | 辨別符 | 資料類型 | 取值範圍 | 機關 | 讀寫類型 |

土壤溫度	soilTemperature	double（雙精度浮點型）	-10~100	攝氏度/℃	讀寫
土壤體積含水率	Soilvolumetricwater		0~100	百分比/%
地理位置	GeoLocation	struct（結構體）	添加JSON對象，參數： - 經度（Longitude） - 緯度（Latitude）
資料類型為double，取值範圍為-180~180。	度/°

1. 在産品詳情頁，單擊裝置數右側的前往管理。在裝置頁面，單擊新增裝置，添加3個土壤傳感器裝置。DeviceName（備注名稱）分别為：soil_sensor_01（土壤傳感器1号）、soil_sensor_02（土壤傳感器2号）、soil_sensor_03（土壤傳感器3号）。詳細操作請參見 裝置

   

2. 本案例使用虛拟裝置的屬性上報資料。其中地理位置（可使用 高德開放平台 經緯度拾取工具）設定為3個不同的值，其他屬性值可自定義，詳情請參見 調試虛拟裝置

步驟二：新增空間

在項目詳情頁，單擊左側導航欄的空間，對應土壤傳感器1号、2号、3号所在地理位置，分别新增實驗地1号、實驗地2号、實驗地3号空間。具體操作請參見

新增空間

步驟三：配置裝置地圖

1. 建立Web可視化應用（例如：裝置地圖大屏）。詳細操作請參見 建立Web應用
2. 在Web應用編輯器中，單擊最左側的元件圖示

   

3. 在畫布左側元件清單上方，輸入裝置地圖，找到該元件，然後将元件拖拽到中間畫布。有關元件添加的詳細内容，請參見 添加元件

   

4. 單擊右側樣式欄的編輯裝置地圖。
5. 在裝置地圖編輯器的裝置資料頁面，單擊選擇産品，将3個土壤傳感器導入裝置地圖元件。

   

6. 單擊土壤傳感器右側的設定按鈕

   

   ，設定氣泡展示裝置屬性值。

   

步驟四：為裝置添加地理空間

1. 傳回裝置地圖編輯器，單擊最右側功能菜單的地理空間，添加已新增的實驗地1号、實驗地2号、實驗地3号空間。然後自定義地理空間樣式，如圖所示。具體操作請參見 （可選）配置地理空間

   

2. 單擊頁面儲存按鈕，然後傳回Web可視化編輯頁面，重新整理裝置地圖元件。

3. 單擊頁面右上角預覽按鈕，檢視裝置展示效果。如圖所示，您可在Web頁面根據地圖顯示顔色，快速觀察分析不同區域對應農作物的土壤環境。

   單擊空間所在區域的任意位置，展示對應的地理空間資訊；單擊裝置氣泡點，展示該區域土壤的實時環境資料。

   

4. 單擊釋出按鈕，将應用釋出到雲端後使用。