【阿里雲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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM