移動中間件2.0時代,企業(yè)如何使用HTML5
這種情況下,企業(yè)面臨兩難的抉擇。一方面HTML5是明確的標(biāo)準(zhǔn)發(fā)展方向,同時能大幅降低企業(yè)移動化成本。
另一方面HTML5存在的不足阻礙企業(yè)使用。究竟如何解決這個問題,既能夠發(fā)揮HTML5給企業(yè)帶來的好處,又能讓HTML5當(dāng)前的不足得以解決?答案是:用HTML5開發(fā)Hybrid App。
汽車有混合動力Hybrid,移動應(yīng)用同樣也有混合模式。Hybrid App(混合模式移動應(yīng)用)兼具“Native App良好用戶交互體驗的 優(yōu)勢”和“Web App跨平臺開發(fā)的優(yōu)勢”。很多人不知道市場上一些主流移動應(yīng)用都是基于Hybrid App的方式開發(fā),比如國外有美國銀行、國內(nèi)有 百度搜索等。而用HTML5開發(fā)Hybrid App既能夠發(fā)揮HTML5強(qiáng)大的界面表現(xiàn)力、跨平臺的特性又能夠彌補(bǔ)純HTML5 Web App體驗差 的問題。
“開發(fā)HTML5的Web App”和“用HTML5開發(fā)Hybrid App”是完全兩個不同的概念。
新技術(shù)和概念的出現(xiàn),很多人被誤導(dǎo)。
開發(fā)HTML5移動應(yīng)用通常是指“運(yùn)行在瀏覽器上的Web App”。而“用HTML5開發(fā)Hybrid App”則只是把HTML5當(dāng)成手段和工具,開發(fā)具有Native特質(zhì)的Hybrid App才是目的。
基于HTML5開發(fā)的Hybrid App使用HTML5、CSS3進(jìn)行應(yīng)用界面的布局。通過Javascript調(diào)用系統(tǒng)能力,如攝像頭、傳感 器、數(shù)據(jù)傳輸、文件讀寫等。Javascript可以調(diào)用的系統(tǒng)能力不僅僅局限于功能層面,市場上也出現(xiàn)了支持UE交互完全使用原生實現(xiàn)的移動中間件如 Titanium和AppCan等。
通過JS調(diào)用API的方式,基于HTML5的Hybrid App不但可以實現(xiàn)系統(tǒng)功能的調(diào)用,各種的原生UE交互也得以實現(xiàn)。這極大的彌補(bǔ)了HTML5性能和體驗不足的弱勢,又充分發(fā)揮了HTML5頁面構(gòu)建靈活、跨平臺、低成本的優(yōu)勢。繼而成為企業(yè)移動化的最佳選擇。
為什么是用HTML5而不是HTML4或其他私有標(biāo)準(zhǔn)?
相比各種私有標(biāo)準(zhǔn)和協(xié)議,HTML5是國際主流標(biāo)準(zhǔn),同時也是HTML4的下一代標(biāo)準(zhǔn)。開發(fā)人員學(xué)習(xí)成本和掌握難度較低,開發(fā)效率較高。并且現(xiàn)在各 種網(wǎng)頁開發(fā)工具都已經(jīng)開始支持HTML5。尤其是Adobe已經(jīng)明確宣布放棄移動端Flash,而HTML5的Canvas技術(shù)將成為替代者。HTML5 是非常明確的標(biāo)準(zhǔn)發(fā)展方向,移動端尤為如此。
與HTML5一起興起的是CSS3,能夠完成復(fù)雜的界面布局。傳統(tǒng)界面構(gòu)建大量的使用圖片來實現(xiàn)效果,現(xiàn)在完全可以使用CSS3來取代,極大的減少 界面圖片用量、提升界面渲染速度、降低應(yīng)用安裝包大小。如顏色的漸變、圓角、異形等。同時傳統(tǒng)界面使用圖片為了適配眾多設(shè)備的不同分辨率通常需要多套圖 片,因為CSS3具有矢量特性,所以一段代碼可以取代多張圖片。
(上圖是用CSS3實現(xiàn)的QQ LOGO Demo的地址點此)
隨著終端性能的不斷加強(qiáng),最終企業(yè)可以選擇完全使用HTML5來達(dá)成移動戰(zhàn)略,回歸靈活的B/S架構(gòu),重走類似于PC時代從Client到 Browser的路徑。但是眼下礙于HTML5的一些不足,使用“HTML5開發(fā)Hybrid App”成為一段時間內(nèi)企業(yè)移動化的最佳選擇。這種方式在 企業(yè)最終回歸B/S架構(gòu)下的HTML5移動化戰(zhàn)略時,將起到承前啟后的關(guān)鍵作用。屆時只需要做少量的調(diào)整,就可以將基于HTML5的Hybrid App 快速移植到移動瀏覽器上,重用性高、移植成本極低。
總結(jié)
無論是從技術(shù)發(fā)展趨勢角度分析,還是從節(jié)約企業(yè)移動化投入、提高開發(fā)效率的角度分析。使用HTML5開發(fā)Hybrid App是一條企業(yè)移動化的捷 徑,能夠幫助企業(yè)低成本、高效率的達(dá)成移動戰(zhàn)略。但如何用好HTML5,反而成了企業(yè)CIO和信息化決策者需要認(rèn)真對待的課題。