助你構建酷炫移動混合應用的十大框架
譯文【51CTO.com快譯】現如今，開發一個混合移動應用要比以往輕松了許多。開發者們可以一次性編寫，然后無需額外工作量地將移動應用構建到各大主流平臺上。一個應用程序的代碼不但可以運行在Android和iOS平臺上，還可以重復地使用在改進的Web應用、甚至是桌面應用上(通過對Electron的一些調整，你就能夠讓代碼適合于桌面環境)。
我們將在本文中深入介紹十款非常實用的框架，以幫助你構建出各種強大、且酷炫的移動混合應用。
1.Xamarin
Xamarin成立于2011年5月，它是微軟在加州舊金山的一家軟件子公司。它運用通用語言基礎結構(CLI)和通用語言規范(通常稱為Microsoft .NET)實現了跨平臺的應用。
通過與C#共享代碼庫，開發者們可以使用Xamarin工具來編寫各種原生的Android、iOS和Windows應用。這些應用將具有原生的用戶界面，并能夠橫跨多個平臺(包括Windows和MacOS)共享代碼。
Xamarin是一款***的混合移動應用開發框架。它可以幫助你節省花費在重用能力、工具集、團隊和代碼顯著部分上的時間。你可以修改Xamarin與Android各個API的數列，以及設計出擁有適合Android SDK和GDK的酷炫體驗。
2.PhoneGap
PhoneGap是在移動混合應用開發界中***的跨平臺框架。從后端的Apache Cordova團隊來看，Adobe的PhoneGap框架屬于Cordova框架的一個開源發行版。憑借PhoneGap，你可以通過重用現有的Web開發各種技能，迅速地使用HTML、CSS和JavaScript來構建多平臺的混合應用。同時，通過使用單一的代碼庫，你可以不受限于用戶的設備，而輕松與他們交互。
Apache Cordova的內核是使用CSS3和HTML5來實現渲染，而使用JavaScript來實現其自身的邏輯關系。HTML5支持訪問諸如加速器、攝像頭、和GPS等的底層硬件。然而，不是所有設備上的移動瀏覽器都能夠一致地支持HTML5，尤其是那些舊版本的Android。為了打破這些限制，Apache Cordova在設備的原生WebView上嵌入了HTML5代碼，并使用外部函數接口來訪問該設備的原生內部資源。
Apache Cordova也可以被各種原生的內部插件予以擴展，并允許開發者添加更多可以被JavaScript所調用的功能，它們能夠使內部層和HTML5頁面之間進行直接通信。因此，這些插件允許訪問到設備的加速器、攝像頭、指南針、文件系統、以及麥克風等。
3.英特爾XDK
英特爾XDK允許你為不同的應用“商店”創建出各種跨平臺的應用。它包括各類Web服務、內容豐富的插件，交互式的應用、和能夠運行在任何設備上并做出迅速響應的應用。
實際上，這個框架是一整套支持開發、仿真、測試、調試和發布的工具集。最近，他們進行了一些重大的變更，提高了你為Android、iOS和Windows 10 UAP開發各種移動類HTML5應用(包括Apache Cordova)的能力。如今，他們也增加了各種基于Node.JS、機載(onboard)和物聯網的軟件開發能力。
在你使用多種實用工具進行開發的時候，英特爾XDK還能提供所連接設備上的實時預覽狀況。你可以通過拖拽的方式創建出各種應用，不過這種方法也會產生出許多不必要的代碼。
4.Ionic 框架
Ionic框架是一款能夠對混合移動應用開發予以完整開源的SDK。Ionic建立在Angular.js和Apache Cordova之上。如果你使用諸如CSS、HTML5和Sass之類Web技術，來開發混合移動應用的話，它能提供各種工具和服務。各種應用可以被這些Web技術所構建，然后通過原生的內部應用程序商店進行分發，***利用Cordova來安裝到設備上。
Ionic框架是一個100%免費且開源的項目，它持有MIT許可證(譯者注：MIT許可證與BSD許可證的內容近似，但是賦予軟件被授權人更大的權利與更少的限制)。大規模的全球性社區使之能夠永遠被免費使用。它有著超過120個原生的內置設備功能，包括藍牙、健康組件(HealthKit)、指紋驗證和更多與Cordova/PhoneGap有關的插件、以及各種TypeScript的擴展。
你可以在任何平臺上，使用CLI來創建、構造、測試和部署自己的Ionic應用。該框架擁有一個Ionicons圖標包，里面包含了數百個最常使用的應用程序圖標。MIT的許可證讓它能夠實現開箱即用(OOTB)。由于其編譯和重新部署應用的每一步都是“傻瓜式”的，因此你完全可以通過Live Reload(譯者注：一個Web開發輔助工具)來開發自己的應用。另外，它還有諸如深度鏈接、AOT編譯等原生且非常實用的功能。
Framework7是一款免費且開源的移動HTML框架。它可以被用于開發混合移動應用，或具有iOS和Android原生外觀和感覺的Web應用程序。在你需要讓應用程序能夠快速成型的時候，Framework7也是一款不可缺少的原型應用工具。
Framework7的主要功能就是讓你能夠輕松而直接地使用HTML、CSS和JavaScript來構建出各種iOS和Android的應用程序。因此，該框架僅專注于為iOS和谷歌Material design，帶來***的體驗和實現的簡化性。
Framework7所能提供的各種實用功能還包括：自帶滾動條，軟件庫獨立，頁面過渡動畫，多視圖支持，通過CSS3硬件加速的動畫、以及使用XHR、緩存、瀏覽器歷史記錄和預加載的組合來實現頁面路由等。
Titanium具有Xamarin和PhoneGap所提供的混合開發環境。由于所有的應用程序都是用JavaScript編寫的，因此你必須使用自定義的XML和Appcelerator的API來支持一些原生的內部特性。它是一個跨平臺的框架，能夠完全支持Android和iOS，可惜它卻不能夠涵括CSS和HTML。此外，由于其編譯之后的代碼結合了原生的內部Javascript，因此它很好地改進了對移動混合開發的性能。
Titanium是針對混合移動應用創建的***解決方案。你可以通過下載Titanium studio來體驗它。Titanium的SDK配有多個移動平臺的API，并將云服務作為其應用的后端。它配有各種獨立于平臺的API，因此訪問手機硬件是比較容易的。
Titanium采用Alloy--這一MVC框架，來實現移動應用的快速開發。那些由Alloy所創建的模塊很容易被復用到其他不同的應用程序之上，從而顯著減少了開發時間和代碼行數。
Mobile Angular UI是為Bootstrap和Angular的愛好者們打造的一款混合移動框架。通過Mobile Angular UI，你可以很好地使用Bootstrap 3和Angular的框架來構建HTML5的移動應用。Angular UI更像是Bootstrap 3的一個擴展，卻與Bootstrap js庫或者jQuery沒有任何依賴關系(這兩者與Bootstrap 3有著默認的相關性)。你所需要做的就是使用AngularJS的各種指令，來創建出酷炫的移動用戶體驗。
為了實現更加流暢的移動體驗，該框架提供了fastclick.js和overthrow.js。那些要求能夠迅速做出相應的介質查詢，被bootstrap剝離出來作為一些單獨的文件，所以你只要包括所需部分便可。另外，它所提供的諸如覆蓋、開關、側邊欄、滾動區域和絕對定位導航欄等組件，是不會隨著拖動操作而彈到他處的。
Mobile Angular UI持有MIT許可證，因此它是開源且能被免費使用。
8.Onsen UI
Onsen UI雖然出現較新，卻是Ionic的有力競爭者。它是持有Apache許可證的開源框架。Onsen UI擁有一套獨立于框架的UI組件，你可以在Angular、Angular 2、React、Vue.js和Meteor等框架中，進行選擇或是自由切換，當然你也可以使用純粹的JavaScript來構建各種混合應用。
Onsen UI具有功能強大、且能夠開箱即用(OOTB)的組件集，可供你構建出自己的移動應用。通過其組件，你可以編寫出各種HTML5和JavaScript的應用，并通過PhoneGap和Cordova推送到應用程序之中。
該框架具有語義標記的組件，這些組件非常靈活且容易上手，同時也能夠被免費應用到商業項目之中。
Sencha Touch是一款跨平臺的企業級產品，它能構建端到端式的HTML5和JavaScript類型的移動Web應用。在商業領域中，它是***的移動應用開發平臺。Sencha雖然有著豐富的產品種類，但是其大多數產品的價格也不菲。
對于個人開發者和自由職業者來說，Ionic、Onsen UI和Framework7會是更好的選擇，但是對于企業應用來說，Sencha Touch仍然是***。
Sencha Touch所提供的組件有著比它所支持的其他平臺更***的、原生的外觀和使用體驗。
Sencha Touch平臺的核心是JavaScript***的一種框架--ExtJS，它能構建出各種接近原生的、高性能的應用程序。Sencha Touch打包集成了包括iOS、Android、Windows Phone和黑莓等主流平臺所需的外觀工具。Sencha還設有一個可以直接拖拽產成HTML5代碼的可視化應用生成器，而且它里面包含了一大堆可以直接被使用的模板。Sencha的各種定制化的組件也能夠被構建和加載到各種跨應用的重用庫之中。
10.Kendo UI
Kendo UI是一款由Telerik推出的、用于構建跨平臺移動應用的HTML5框架。它重度依賴于jQuery，因此包含了70多個可直接被使用的jQuery小工具。當然，你也可以把它與Angular或是Bootstap UI的框架相集成。
由于很多開發人員已經熟悉了jQuery，因此學習Kendo UI并不會很困難。它雖然是一個免費且開源的框架，但它在使用過程中還是略有些功能上的限制。你無法獲取專業的技術支持，而且一些常用小工具也會受到商用許可證的限制。
結論
如果你正在打算構建一款移動應用，那么選擇混合模式將會節省你的時間和精力，而且你可以將其代碼重用到對應的Web版本應用中。雖然，混合模式并不是對所有問題的***解決方案，但混合應用確實是你能夠更快地部署自己的應用，并構建出應用原型的一個不錯選擇。相信上述這些框架一定能夠為你提供出一個非常貼近用戶體驗的、原生的應用程序。
原文標題：10 Frameworks for Mobile Hybrid Apps，作者: Pedro Fortuna
【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】
