【阿里雲IoT+YF3300】14.阿里IoT Studio打造手機端APP
在上一篇《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