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