【51CTO.com快譯】現(xiàn)如今，開發(fā)一個混合移動應(yīng)用要比以往輕松了許多。開發(fā)者們可以一次性編寫，然后無需額外工作量地將移動應(yīng)用構(gòu)建到各大主流平臺上。一個應(yīng)用程序的代碼不但可以運(yùn)行在Android和iOS平臺上，還可以重復(fù)地使用在改進(jìn)的Web應(yīng)用、甚至是桌面應(yīng)用上(通過對Electron的一些調(diào)整，你就能夠讓代碼適合于桌面環(huán)境)。

我們將在本文中深入介紹十款非常實用的框架，以幫助你構(gòu)建出各種強(qiáng)大、且酷炫的移動混合應(yīng)用。

1.Xamarin

[[219828]]

Xamarin成立于2011年5月，它是微軟在加州舊金山的一家軟件子公司。它運(yùn)用通用語言基礎(chǔ)結(jié)構(gòu)(CLI)和通用語言規(guī)范(通常稱為Microsoft .NET)實現(xiàn)了跨平臺的應(yīng)用。

通過與C#共享代碼庫，開發(fā)者們可以使用Xamarin工具來編寫各種原生的Android、iOS和Windows應(yīng)用。這些應(yīng)用將具有原生的用戶界面，并能夠橫跨多個平臺(包括Windows和MacOS)共享代碼。

Xamarin是一款***的混合移動應(yīng)用開發(fā)框架。它可以幫助你節(jié)省花費在重用能力、工具集、團(tuán)隊和代碼顯著部分上的時間。你可以修改Xamarin與Android各個API的數(shù)列，以及設(shè)計出擁有適合Android SDK和GDK的酷炫體驗。

2.PhoneGap

[[219829]]

PhoneGap是在移動混合應(yīng)用開發(fā)界中***的跨平臺框架。從后端的Apache Cordova團(tuán)隊來看，Adobe的PhoneGap框架屬于Cordova框架的一個開源發(fā)行版。憑借PhoneGap，你可以通過重用現(xiàn)有的Web開發(fā)各種技能，迅速地使用HTML、CSS和JavaScript來構(gòu)建多平臺的混合應(yīng)用。同時，通過使用單一的代碼庫，你可以不受限于用戶的設(shè)備，而輕松與他們交互。

Apache Cordova的內(nèi)核是使用CSS3和HTML5來實現(xiàn)渲染，而使用JavaScript來實現(xiàn)其自身的邏輯關(guān)系。HTML5支持訪問諸如加速器、攝像頭、和GPS等的底層硬件。然而，不是所有設(shè)備上的移動瀏覽器都能夠一致地支持HTML5，尤其是那些舊版本的Android。為了打破這些限制，Apache Cordova在設(shè)備的原生WebView上嵌入了HTML5代碼，并使用外部函數(shù)接口來訪問該設(shè)備的原生內(nèi)部資源。

Apache Cordova也可以被各種原生的內(nèi)部插件予以擴(kuò)展，并允許開發(fā)者添加更多可以被JavaScript所調(diào)用的功能，它們能夠使內(nèi)部層和HTML5頁面之間進(jìn)行直接通信。因此，這些插件允許訪問到設(shè)備的加速器、攝像頭、指南針、文件系統(tǒng)、以及麥克風(fēng)等。

3.英特爾XDK

[[219830]]

英特爾XDK允許你為不同的應(yīng)用“商店”創(chuàng)建出各種跨平臺的應(yīng)用。它包括各類Web服務(wù)、內(nèi)容豐富的插件，交互式的應(yīng)用、和能夠運(yùn)行在任何設(shè)備上并做出迅速響應(yīng)的應(yīng)用。

實際上，這個框架是一整套支持開發(fā)、仿真、測試、調(diào)試和發(fā)布的工具集。最近，他們進(jìn)行了一些重大的變更，提高了你為Android、iOS和Windows 10 UAP開發(fā)各種移動類HTML5應(yīng)用(包括Apache Cordova)的能力。如今，他們也增加了各種基于Node.JS、機(jī)載(onboard)和物聯(lián)網(wǎng)的軟件開發(fā)能力。

在你使用多種實用工具進(jìn)行開發(fā)的時候，英特爾XDK還能提供所連接設(shè)備上的實時預(yù)覽狀況。你可以通過拖拽的方式創(chuàng)建出各種應(yīng)用，不過這種方法也會產(chǎn)生出許多不必要的代碼。

4.Ionic 框架

[[219831]]

Ionic框架是一款能夠?qū)旌弦苿討?yīng)用開發(fā)予以完整開源的SDK。Ionic建立在Angular.js和Apache Cordova之上。如果你使用諸如CSS、HTML5和Sass之類Web技術(shù)，來開發(fā)混合移動應(yīng)用的話，它能提供各種工具和服務(wù)。各種應(yīng)用可以被這些Web技術(shù)所構(gòu)建，然后通過原生的內(nèi)部應(yīng)用程序商店進(jìn)行分發(fā)，***利用Cordova來安裝到設(shè)備上。

Ionic框架是一個100%免費且開源的項目，它持有MIT許可證(譯者注：MIT許可證與BSD許可證的內(nèi)容近似，但是賦予軟件被授權(quán)人更大的權(quán)利與更少的限制)。大規(guī)模的全球性社區(qū)使之能夠永遠(yuǎn)被免費使用。它有著超過120個原生的內(nèi)置設(shè)備功能，包括藍(lán)牙、健康組件(HealthKit)、指紋驗證和更多與Cordova/PhoneGap有關(guān)的插件、以及各種TypeScript的擴(kuò)展。

你可以在任何平臺上，使用CLI來創(chuàng)建、構(gòu)造、測試和部署自己的Ionic應(yīng)用。該框架擁有一個Ionicons圖標(biāo)包，里面包含了數(shù)百個最常使用的應(yīng)用程序圖標(biāo)。MIT的許可證讓它能夠?qū)崿F(xiàn)開箱即用(OOTB)。由于其編譯和重新部署應(yīng)用的每一步都是“傻瓜式”的，因此你完全可以通過Live Reload(譯者注：一個Web開發(fā)輔助工具)來開發(fā)自己的應(yīng)用。另外，它還有諸如深度鏈接、AOT編譯等原生且非常實用的功能。

5.Framework7

Framework7是一款免費且開源的移動HTML框架。它可以被用于開發(fā)混合移動應(yīng)用，或具有iOS和Android原生外觀和感覺的Web應(yīng)用程序。在你需要讓應(yīng)用程序能夠快速成型的時候，F(xiàn)ramework7也是一款不可缺少的原型應(yīng)用工具。

Framework7的主要功能就是讓你能夠輕松而直接地使用HTML、CSS和JavaScript來構(gòu)建出各種iOS和Android的應(yīng)用程序。因此，該框架僅專注于為iOS和谷歌Material design，帶來***的體驗和實現(xiàn)的簡化性。

Framework7所能提供的各種實用功能還包括：自帶滾動條，軟件庫獨立，頁面過渡動畫，多視圖支持，通過CSS3硬件加速的動畫、以及使用XHR、緩存、瀏覽器歷史記錄和預(yù)加載的組合來實現(xiàn)頁面路由等。

6.Appcelerator Titanium

[[219832]]

Titanium具有Xamarin和PhoneGap所提供的混合開發(fā)環(huán)境。由于所有的應(yīng)用程序都是用JavaScript編寫的，因此你必須使用自定義的XML和Appcelerator的API來支持一些原生的內(nèi)部特性。它是一個跨平臺的框架，能夠完全支持Android和iOS，可惜它卻不能夠涵括CSS和HTML。此外，由于其編譯之后的代碼結(jié)合了原生的內(nèi)部Javascript，因此它很好地改進(jìn)了對移動混合開發(fā)的性能。

Titanium是針對混合移動應(yīng)用創(chuàng)建的***解決方案。你可以通過下載Titanium studio來體驗它。Titanium的SDK配有多個移動平臺的API，并將云服務(wù)作為其應(yīng)用的后端。它配有各種獨立于平臺的API，因此訪問手機(jī)硬件是比較容易的。

Titanium采用Alloy--這一MVC框架，來實現(xiàn)移動應(yīng)用的快速開發(fā)。那些由Alloy所創(chuàng)建的模塊很容易被復(fù)用到其他不同的應(yīng)用程序之上，從而顯著減少了開發(fā)時間和代碼行數(shù)。

7.Mobile Angular UI

Mobile Angular UI是為Bootstrap和Angular的愛好者們打造的一款混合移動框架。通過Mobile Angular UI，你可以很好地使用Bootstrap 3和Angular的框架來構(gòu)建HTML5的移動應(yīng)用。Angular UI更像是Bootstrap 3的一個擴(kuò)展，卻與Bootstrap js庫或者jQuery沒有任何依賴關(guān)系(這兩者與Bootstrap 3有著默認(rèn)的相關(guān)性)。你所需要做的就是使用AngularJS的各種指令，來創(chuàng)建出酷炫的移動用戶體驗。

為了實現(xiàn)更加流暢的移動體驗，該框架提供了fastclick.js和overthrow.js。那些要求能夠迅速做出相應(yīng)的介質(zhì)查詢，被bootstrap剝離出來作為一些單獨的文件，所以你只要包括所需部分便可。另外，它所提供的諸如覆蓋、開關(guān)、側(cè)邊欄、滾動區(qū)域和絕對定位導(dǎo)航欄等組件，是不會隨著拖動操作而彈到他處的。

Mobile Angular UI持有MIT許可證，因此它是開源且能被免費使用。

8.Onsen UI

Onsen UI雖然出現(xiàn)較新，卻是Ionic的有力競爭者。它是持有Apache許可證的開源框架。Onsen UI擁有一套獨立于框架的UI組件，你可以在Angular、Angular 2、React、Vue.js和Meteor等框架中，進(jìn)行選擇或是自由切換，當(dāng)然你也可以使用純粹的JavaScript來構(gòu)建各種混合應(yīng)用。

Onsen UI具有功能強(qiáng)大、且能夠開箱即用(OOTB)的組件集，可供你構(gòu)建出自己的移動應(yīng)用。通過其組件，你可以編寫出各種HTML5和JavaScript的應(yīng)用，并通過PhoneGap和Cordova推送到應(yīng)用程序之中。

該框架具有語義標(biāo)記的組件，這些組件非常靈活且容易上手，同時也能夠被免費應(yīng)用到商業(yè)項目之中。

9.Sencha Touch

Sencha Touch是一款跨平臺的企業(yè)級產(chǎn)品，它能構(gòu)建端到端式的HTML5和JavaScript類型的移動Web應(yīng)用。在商業(yè)領(lǐng)域中，它是***的移動應(yīng)用開發(fā)平臺。Sencha雖然有著豐富的產(chǎn)品種類，但是其大多數(shù)產(chǎn)品的價格也不菲。

對于個人開發(fā)者和自由職業(yè)者來說，Ionic、Onsen UI和Framework7會是更好的選擇，但是對于企業(yè)應(yīng)用來說，Sencha Touch仍然是***。

Sencha Touch所提供的組件有著比它所支持的其他平臺更***的、原生的外觀和使用體驗。

Sencha Touch平臺的核心是JavaScript***的一種框架--ExtJS，它能構(gòu)建出各種接近原生的、高性能的應(yīng)用程序。Sencha Touch打包集成了包括iOS、Android、Windows Phone和黑莓等主流平臺所需的外觀工具。Sencha還設(shè)有一個可以直接拖拽產(chǎn)成HTML5代碼的可視化應(yīng)用生成器，而且它里面包含了一大堆可以直接被使用的模板。Sencha的各種定制化的組件也能夠被構(gòu)建和加載到各種跨應(yīng)用的重用庫之中。

10.Kendo UI

Kendo UI是一款由Telerik推出的、用于構(gòu)建跨平臺移動應(yīng)用的HTML5框架。它重度依賴于jQuery，因此包含了70多個可直接被使用的jQuery小工具。當(dāng)然，你也可以把它與Angular或是Bootstap UI的框架相集成。

由于很多開發(fā)人員已經(jīng)熟悉了jQuery，因此學(xué)習(xí)Kendo UI并不會很困難。它雖然是一個免費且開源的框架，但它在使用過程中還是略有些功能上的限制。你無法獲取專業(yè)的技術(shù)支持，而且一些常用小工具也會受到商用許可證的限制。

結(jié)論

如果你正在打算構(gòu)建一款移動應(yīng)用，那么選擇混合模式將會節(jié)省你的時間和精力，而且你可以將其代碼重用到對應(yīng)的Web版本應(yīng)用中。雖然，混合模式并不是對所有問題的***解決方案，但混合應(yīng)用確實是你能夠更快地部署自己的應(yīng)用，并構(gòu)建出應(yīng)用原型的一個不錯選擇。相信上述這些框架一定能夠為你提供出一個非常貼近用戶體驗的、原生的應(yīng)用程序。

原文標(biāo)題：10 Frameworks for Mobile Hybrid Apps，作者: Pedro Fortuna

【51CTO譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】