在上一篇《13.阿里雲IoT Studio WEB監控介面構建》中，我們介紹了用阿里雲IoT Studio（原Link Develop）視覺化構建WEB介面程式。本篇文章將介紹用阿里雲IoT Studio打造手機端APP。

   和WEB開發類似，可以通過視覺化拖拽的方式，方便地將各種圖表元件與裝置相關的資料來源關聯，無需程式設計，即可將物聯網平臺上接入的裝置資料視覺化展現。不過支援的元件相對於WEB視覺化相對少一些，如下圖所示：

一 阿里云云端裝置建立

操作步驟

1) 登陸物聯網平臺控制檯

2) 建立產品

a.左側導航欄選擇裝置管理 > 產品。在產品管理頁面，單擊建立產品。

b.單擊完成

      產品將自動出現在產品列表中

3) 建立屬性

a.在建立的產品介面選擇功能定義 > 自定義功能>新增功能。建立溫溼度屬性

4) 建立裝置

a.左側導航欄選中裝置管理 > 裝置，進入裝置管理頁面

b.單擊新增裝置。選中上一步建立的產品，輸入裝置名稱（DeviceName），設定裝置備註名，單擊確認

c.記錄裝置證書內容

裝置證書包含ProductKey、DeviceName和DeviceSecret。裝置證書是裝置後續與物聯網平臺交流的重要憑證，請妥善保管。也可以在裝置的裝置資訊中查詢

二 裝置連線阿里雲

 準備材料：YF3300裝置套裝，YFIOS組態系統，組態KEY，溫溼度感測器（妙昕T10FBF）

官方下載YFIOsManager組態管理軟體 下載連結：

http://www.yfiot.com/content/downsort?current=1&title=1

 裝置連線：

1) 將組態key插入電腦，將附贈GPRS天線連線好，插入附贈的物聯網絡卡(也可使用自己購買的物聯網絡卡)

2) 將YF3300通過Type-C連入電腦  埠選擇USB  然後點選連線

裝置配置：

(1) 在使用者裝置中新建裝置

注意事項：串列埠號應選擇串列埠COM2  建立裝置名應與雲端裝置名保持一致（YF3300_TH）其它預設

點選儲存專案，儲存自定義的組態工程。

(2) 在策略列表中新建策略，策略檔案選擇sys >阿里雲MQTT客戶端（精簡版）

A.服務配置中在相應的地方填入裝置三元組，填入產品金鑰，服務地址會自動更改，掃描間隔可更改，變化上傳可勾選

B.IO配置中勾選與雲端IO相同的屬性變數以及該裝置的通訊狀態

(3)裝置上線

(4)單擊工具>無線遠端通用配置>儲存

（5）部署程式

A.除錯>部署YFIOS系統>精簡版（上雲）

B.除錯>部署

C.程式部署完成組態日誌輸出去區域 列印MQTT Connect OK!!! 代表裝置聯網成功

(6) 檢視雲端裝置情況   裝置為線上狀態溫度溼度實時顯示

三  IotStudio 配置及生成APP

(1) 在物聯網平臺控制檯左側導航欄，點選開發服務>IotStudio

(2) 在物聯網開發頁，單擊右上角新建專案按鈕，然後新建一個專案

(3)在IotStudio介面單機左側導航欄 推薦>移動應用開發>新建視覺化應用

(4) 關聯產品/裝置   關聯上面步驟建立的 產品/裝置 獲取溫溼度屬性

(5) 單擊左側導航欄  選擇移動應用開發 開啟剛建立的專案  進入IotStudio介面

(6) 自定義新增頁 ，編輯應用拖拽左側的元件到畫布上，然後，在頁面右側，配置元件的顯示樣式、資料來源和要執行的動作。

(7) 自定義界介面： 溫溼度感測器只能上傳溫度溼度，空氣質量刪除選中元件 點選刪除

(8)配置溫溼度資料

(9) 配置自定義介面入口  單機左上角【功能】首頁模組>列表頁>新增頁面入口（右側）

(10) 配置APP允許註冊新賬戶

    左側工具欄  APP功能>賬號模組 >允許註冊

(11) 生成APP

右上角工具欄  構建>Android構建>我只想自己使用>隨機生成>下一步

將生成的APP下載到桌面  >安裝至手機>註冊賬號> 安裝至手機 

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

&n