html5 plus應用概述


HTML5 Plus 規范

通過 HTML5 開發移動 App 時,會發現 HTML5 很多能力不具備。為彌補 HTML5 能力 的不足,在 W3C 中國的指導下成立了 www.HTML5Plus.org組織,推出 HTML5+規范。

HTML5+擴展了 JavaScript 對象 plus,使得 js 可以調用各種瀏覽器無法實現或實現不佳的系統能力,設備能力如攝像頭、陀螺儀、文件系統等,業務能力如上傳下載、二維碼、地圖、支付、語音輸入、消息推送等。

HBuilder 的手機原生能力調用分 2 個層面:

a)   跨手機平台的能力調用都在 HTML5+ 規范里,比如二維碼、語音輸入,使用

plus.barcode 和 plus.speech。編寫一次,可跨平台運行。

b)   JS Bridge是另一項創新技術,通過 js 可以直接調 iOS 和 Android 的原生 API,這部 分就不再跨平台,比如調 ios game center,或在 android 手機桌面創建快捷方式。 JSB 的用法是,var obj= plus.android.import("android.content.Intent");,將一個原生對 象 android.content.Intent 映射為 js 對象 obj,然后在 js 里操作 obj對象的方法屬性就可以了

HTML5+ App

使用 HTML5+開發的移動 App 並非 mobileweb 頁面。這是新手最容易混淆的地方。 mobileweb 的文件存放在 web 服務器上,而移動 App 的文件存放在手機本地,編寫移動 App 的 html、js、css文件被打包到 ipa 或 apk 等原生安裝包,在手機客戶端運行。

當然這些移動 App 里某些頁面也可以繼續從服務器端以網頁方式下行。

所以 mobile web,在 HBuilder 里新建項目時,屬於 web 項目。不要放置到移動 App 項 目下。mobile web 項目也不能真機聯調和打包。

舉幾個例子。

例 1:一個 mobile web 項目,想打包成移動 App。

a)   在 HBuilder 里新建一個 web 項目,把 mobile web 代碼放進去。

b)   在 HBuilder 里新建移動 App

c)   在新建的移動 App 下找到 manifest.json,將其中的入口頁面配置為 mobileweb 的網 絡地址。

d)   然后點發行打包,就得到一個移動 App 的安裝包。除了可發行到 Appstore 和桌面 有個快捷方式外,與瀏覽器的體驗不會有其他區別。

e)   另外其實 mobile web 的代碼,也可以判斷自己運行的環境,如果 UA 里包含 “Html5Plus”,也可以寫 plus 對象來調用原生能力。

 


免責聲明!

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



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