在上一篇《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