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