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

1.Xamarin

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

2.PhoneGap

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

3.英特爾XDK

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

4.Ionic 框架

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

5.Framework7

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

6.Appcelerator Titanium

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

7.Mobile Angular UI

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

Mobile Angular UI持有MIT許可證，因此它是開(kāi)源且能被免費(fèi)使用。

8.Onsen UI

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

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

9.Sencha Touch

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

對(duì)于個(gè)人開(kāi)發(fā)者和自由職業(yè)者來(lái)說(shuō)，Ionic、Onsen UI和Framework7會(huì)是更好的選擇，但是對(duì)于企業(yè)應(yīng)用來(lái)說(shuō)，Sencha Touch仍然是首選。

Sencha Touch所提供的組件有著比它所支持的其他平臺(tái)更完美的、原生的外觀和使用體驗(yàn)。

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

10.Kendo UI

助你構(gòu)建酷炫移動(dòng)混合應(yīng)用的十大框架

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

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

結(jié)論

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

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