在上一篇《13.阿裡雲IoT Studio WEB監控界面建構》中，我們介紹了用阿裡雲IoT Studio（原Link Develop）可視化建構WEB界面程式。本篇文章将介紹用阿裡雲IoT Studio打造手機端APP。
和WEB開發類似，可以通過可視化拖拽的方式，友善地将各種圖表元件與裝置相關的資料源關聯，無需程式設計，即可将物聯網平台上接入的裝置資料可視化展現。不過支援的元件相對于WEB可視化相對少一些，如下圖所示：
一 阿裡雲雲端裝置建立
操作步驟
1)登陸物聯網平台控制台
2)建立産品
a.左側導航欄選擇裝置管理 > 産品。在産品管理頁面，單擊建立産品。
産品将自動出現在産品清單中 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)部署程式
調試>部署YFIOS系統>精簡版（上雲）
調試>部署
程式部署完成組态日志輸出去區域 列印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