譯者 | 陳峻

審校 | 孫淑娟

眾所周知，根據(jù)使用場(chǎng)景的不同，我們往往需要針對(duì)智能手機(jī)、平板電腦以及可穿戴設(shè)備等不同平臺(tái)，開(kāi)發(fā)相應(yīng)的應(yīng)用。如果為每一類應(yīng)用都去編寫(xiě)?yīng)毺氐某绦虼a的話，不但耗時(shí)，而且無(wú)法實(shí)現(xiàn)代碼的重用。因此，我們需要引入混合應(yīng)用開(kāi)發(fā)的機(jī)制。

通常，我們可以使用各種現(xiàn)成的框架，去編寫(xiě)一個(gè)混合應(yīng)用，然后將其存儲(chǔ)在原生的容器中，以實(shí)現(xiàn)在不同的平臺(tái)上，部署此類原生應(yīng)用?？梢?jiàn)，合適的平臺(tái)框架，能夠給混合應(yīng)用的開(kāi)發(fā)，帶來(lái)事半功倍的效果。下面，我將向你介紹目前6種最為實(shí)用的開(kāi)發(fā)框架。

1、React Native

作為一個(gè)JavaScript框架，React Native可以被用于開(kāi)發(fā)跨平臺(tái)的移動(dòng)應(yīng)用。由于該框架帶有一種可用于開(kāi)發(fā)用戶界面的獨(dú)特語(yǔ)言—JSX，因此用戶可通過(guò)React編寫(xiě)出HTML和CSS。同時(shí)，它的用戶界面組件也被設(shè)計(jì)成為能夠給最終用戶帶來(lái)快速且愉快的體驗(yàn)形式。

與其他大多數(shù)需要重新編譯代碼、或重新啟動(dòng)應(yīng)用，才能見(jiàn)效的開(kāi)發(fā)框架不同，React Native的誘人之處在于，它能夠快速展示應(yīng)用被更改的效果。

由于React Native在每個(gè)平臺(tái)上都會(huì)使用JavaScript引擎，因此你可以去訪問(wèn)由庫(kù)和開(kāi)源工具所組成的龐大生態(tài)系統(tǒng)。同時(shí)，它也允許用戶無(wú)縫地將部分應(yīng)用代碼移植到另一個(gè)平臺(tái)上。

對(duì)于某些具有動(dòng)態(tài)、復(fù)雜或高級(jí)設(shè)計(jì)的接口來(lái)說(shuō)，React Native可能并非完美的框架。由于可供你使用的自定義模型數(shù)量比較有限，因此你往往需要針對(duì)應(yīng)用中重要的復(fù)雜性部分，從頭開(kāi)始開(kāi)發(fā)與構(gòu)建。初學(xué)者則需要花費(fèi)一段時(shí)間，去掌握該框架的全面功能。

總的說(shuō)來(lái)，React Native不但縮短了開(kāi)發(fā)時(shí)間，而且能夠與第三方應(yīng)用相兼容，值得大家學(xué)習(xí)。

2、Ionic

曾為NHS（英國(guó)國(guó)家醫(yī)療服務(wù)體系）和西南航空等組織提供數(shù)百萬(wàn)強(qiáng)大應(yīng)用的Ionic，是業(yè)界領(lǐng)先的混合應(yīng)用工具包。它允許用戶使用單一的代碼庫(kù)，為多個(gè)平臺(tái)開(kāi)發(fā)出混合移動(dòng)應(yīng)用。

Ionic擁有一套為移動(dòng)優(yōu)化了的HTML庫(kù)、CSS背景模式以及JavaScript組件。這些基本工具都能夠幫助用戶構(gòu)建出用戶友好的、交互式的多平臺(tái)應(yīng)用。

Ionic的另一個(gè)優(yōu)勢(shì)是，它包含了一套針對(duì)攝像頭、GPS以及健康套件的額外功能，以便你增加自己的應(yīng)用功能集。同時(shí)，你也可以在編寫(xiě)代碼時(shí)，通過(guò)測(cè)試每個(gè)組件，以盡早地發(fā)現(xiàn)各種錯(cuò)誤與缺陷。

由于Ionic包含了一組高效的響應(yīng)式部件，因此它在保證了靈活的用戶體驗(yàn)的同時(shí)，也節(jié)省了你在開(kāi)發(fā)過(guò)程中花費(fèi)的寶貴時(shí)間和精力。

不過(guò)，Ionic最大的局限在于，其開(kāi)發(fā)出的應(yīng)用程序嚴(yán)重依賴于原生的插件。雖然此類插件旨在達(dá)到與原生應(yīng)用相當(dāng)?shù)男阅?，但是并非所有?shí)例都可以用到它們。也就是說(shuō)，你可能很難為自己正在開(kāi)發(fā)的應(yīng)用找到其合適的插件。

3、Xamarin

作為相對(duì)較新的原生編譯框架，Xamarin可以被用來(lái)開(kāi)發(fā)出那些需要保持原有的外觀和用戶體驗(yàn)的高性能應(yīng)用。2016年，微軟收購(gòu)了Xamarin項(xiàng)目社區(qū)，并使之成為微軟生態(tài)系統(tǒng)中，用于開(kāi)發(fā)應(yīng)用程序的流行工具。

由于Xamarin能夠使用C語(yǔ)言，以及基于.NET層面的其他原生庫(kù)，來(lái)開(kāi)發(fā)應(yīng)用程序，因此它可以在不犧牲性能的情況下，將帶有原生庫(kù)的高端應(yīng)用，部署到不同平臺(tái)的程序中。這與其他流行的混合框架相比，顯然提供了更好的用戶體驗(yàn)。

不過(guò)，與原生應(yīng)用相比，Xamarin在性能上存在著一定的局限性。因此，它不一定是某些復(fù)雜應(yīng)用的最佳選擇。同時(shí)，由于該框架中也不提供熱重載的相關(guān)功能，因此其某些功能可能無(wú)法在特定的平臺(tái)上被實(shí)時(shí)更新。

總的說(shuō)來(lái)，作為混合開(kāi)發(fā)需求的一項(xiàng)不錯(cuò)的選擇，Xamarin具有強(qiáng)大的支持、全面的資源，并能夠讓你的應(yīng)用具有接近原生的性能。

4、Flutter

根據(jù)Google的定義，F(xiàn)lutter通過(guò)一個(gè)直觀的UI工具箱（其中包括插件庫(kù)和創(chuàng)新的用戶界面），讓用戶控制應(yīng)用的組件，進(jìn)而實(shí)現(xiàn)類似原生的性能。例如，F(xiàn)lutter的App Builder就能夠讓你混合和匹配各種功能。而使用其hotloader特性，你可以在調(diào)試代碼時(shí)，即時(shí)進(jìn)行更改，進(jìn)而簡(jiǎn)化了整個(gè)開(kāi)發(fā)過(guò)程。此外，由于Flutter能夠支持開(kāi)發(fā)出不限于Android或iOS的應(yīng)用，因此它已得到了廣泛的使用。

對(duì)于初學(xué)者來(lái)說(shuō)，由于Flutter使用的是Dart，這種并非針對(duì)應(yīng)用開(kāi)發(fā)的流行語(yǔ)言，因此其學(xué)習(xí)曲線較為陡峭。而且，雖然由其提供的內(nèi)置小部件（widgets）對(duì)于應(yīng)用而言非常重要，但是一旦缺少了第三方庫(kù)，就意味著開(kāi)發(fā)者需要額外地用自己的代碼去實(shí)現(xiàn)。

總的說(shuō)來(lái)，F(xiàn)lutter仍然是不錯(cuò)的選擇。它不但能夠通過(guò)一流的UI元素來(lái)提供字體選項(xiàng)，而且可以通過(guò)各種小部件，來(lái)改善應(yīng)用的整體性能與用戶體驗(yàn)。

5、NativeScript

作為一個(gè)開(kāi)源的框架，NativeScript可以讓用戶使用JavaScript和CSS等Web技能來(lái)構(gòu)建應(yīng)用程序。而憑借著出色的特性和整體性能，NativeScript能夠與最新的移動(dòng)版本、資源庫(kù)以及命令行界面相兼容。

該架構(gòu)的一項(xiàng)實(shí)用特性是它可以實(shí)時(shí)地更新應(yīng)用，而無(wú)需手動(dòng)刷新。當(dāng)然，與大多數(shù)其他混合應(yīng)用框架不同，NativeScript并不使用Web技術(shù)。

總的說(shuō)來(lái)，該框架不僅功能豐富，便于使用，而且性價(jià)比高，能夠給開(kāi)發(fā)人員帶來(lái)流暢的使用體驗(yàn)。

6、Apache Cordova

Cordova使用CSS3、JavaScript以及HTML5，來(lái)創(chuàng)建跨平臺(tái)的應(yīng)用。通過(guò)擴(kuò)展其HTML5和CSS3特性，該框架增加了諸如：加速器、指南針、麥克風(fēng)以及文件系統(tǒng)等額外功能，從而能夠與目標(biāo)設(shè)備協(xié)同工作。

同時(shí)，憑借著此類額外功能，開(kāi)發(fā)者既可以快速、靈活地構(gòu)建原生應(yīng)用，又能夠訪問(wèn)第三方的插件和工具箱。

雖然Cordova自身已包含了大量的平臺(tái)插件與功能，但是就算你沒(méi)找到合適的插件，也可以輕松地編寫(xiě)出自己的插件，并通過(guò)JavaScript代碼的形式連接到系統(tǒng)級(jí)的代碼中，以確保提供原生的性能。

與Ionic類似，該框架也包含了近似原生的小部件、選項(xiàng)卡以及可重排的列表等特性。同時(shí)，由于Apache Cordova能夠提供兩種工作流方法以及一種跨平臺(tái)的工作流方法（即：CLI），因此由其開(kāi)發(fā)的應(yīng)用程序可以在不同的移動(dòng)操作系統(tǒng)上運(yùn)行。

此外，CLI還提供一個(gè)獨(dú)特的接口以協(xié)助開(kāi)發(fā)者將插件植入應(yīng)用之中。也就是說(shuō)，以平臺(tái)為中心的工作流，可以幫助你先構(gòu)建單個(gè)平臺(tái)應(yīng)用，然后再將其修改為并不復(fù)雜的形式。

7、選擇合適的框架

綜上所述，不同的混合框架有著適合不同應(yīng)用場(chǎng)景的獨(dú)特賣點(diǎn)。例如，NativeScript的主要吸引力在于，你不需要事先了解應(yīng)用會(huì)運(yùn)行在iOS還是Android平臺(tái)上。你更應(yīng)該仔細(xì)考慮的是，待開(kāi)發(fā)應(yīng)用的并發(fā)性、兼容性以及成本等因素，并據(jù)此來(lái)選擇適合的框架。

原文鏈接：https://www.makeuseof.com/hybrid-app-development-best-frameworks/

譯者介紹

陳峻 （Julian Chen），51CTO社區(qū)編輯，具有十多年的IT項(xiàng)目實(shí)施經(jīng)驗(yàn)，善于對(duì)內(nèi)外部資源與風(fēng)險(xiǎn)實(shí)施管控，專注傳播網(wǎng)絡(luò)與信息安全知識(shí)與經(jīng)驗(yàn)。

來(lái)源： 51CTO技術(shù)棧