傳感網-App開發

IoT studio的App可視化搭建

Android開發以Java爲主要開發語言
iOS開發,以Swift爲主要開發語言,提供了Xcode集成開發工具
IoT Studio移動搭建能力對比
before
App原型界面設計
交互接口定義
Android/iOS開發
應用調試上線
Now
可視化搭App
組件配置調試發佈
注:可視化搭建所見即所得。豐富的組件和配置項。集成用戶鑑權服務。一次搭建適用iOS、Android兩個平臺
App可視化搭建流程:
創建App可視化搭建應用
拖拽組件,調整頁面佈局
配置組件樣式,關聯數據、可調用服務事件
配置App樣式、導航頁面
保存預覽與調試
打包構建,安裝體驗

App搭建組件介紹

容器:橫向、縱向
文字:樣式、數據(可連接到設備和網絡API接口)
圖片
按鈕:可以進行樣式調整和動作選擇
設備列表
單行和雙行的卡片組件:單行:主標題、動態文本、圖片。雙行:主標題、副標題、動態文本、可視化圖片

App搭建實踐

App搭建實踐:新建四個頁面,對頁面進行美化。
(1)家居環境:主要功能是監控家居的一些基本屬性的上報。使用到的有圖片組件、單行組件和雙行組件,接着基於這些組件來進行美化,辨析到設備上報的屬性值。保存預覽。
(2)實時曲線:使用到的有圖片組件和實時曲線組件,實時曲線組件關聯到的有室內的溫度,有機物濃度以及煙霧濃度。保存預覽,當設備上報數據時我們可以在此頁面查看到數值的變化以及曲線的繪製。
(3)開關狀態:使用到的組件有縱向容器組件和圖片組件,在此頁面將設備的開關狀態實時顯現出來。主要有:空調製冷開關、窗簾開關、燈光開關、澆水開關以及風扇開關。保存預覽。
(4)報警查看:使用到的組件有儀表盤組件、實時曲線組件以及按鈕組件。在儀表盤和實時曲線組件中我們可以觀察到有機物的可燃氣濃度,通過按鈕來解除蜂鳴器的警報。接下來配置解除蜂鳴器報警的動作。保存預覽,在預覽頁面我們可以點擊按鈕下發消息給設備以解除蜂鳴器的報警。
完成所有頁面的開發後點擊保存,再點擊構建,構建分別爲Android構建和IOS構建,選擇Android構建,選擇構建用途,輸入構建信息,進入構建過程,構建完成後會在頁面彈窗顯示Android應用已生成的提示和應用下載的二維碼,掃描二維碼即可下載App的安裝包安裝使用,在使用前需創建使用的賬號,在賬號菜單新建App使用的用戶,完成測試用戶的添加,用戶下載App後可通過此完成登錄,開發者可以在IOT Studio平臺上對此賬號進行管理。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章