?譯者 | 陳峻

審校 | 孫淑娟

眾所周知，根據使用場景的不同，我們往往需要針對智能手機、平板電腦以及可穿戴設備等不同平臺，開發相應的應用。如果為每一類應用都去編寫獨特的程序代碼的話，不但耗時，而且無法實現代碼的重用。因此，我們需要引入混合應用開發的機制。

通常，我們可以使用各種現成的框架，去編寫一個混合應用，然后將其存儲在原生的容器中，以實現在不同的平臺上，部署此類原生應用。可見，合適的平臺框架，能夠給混合應用的開發，帶來事半功倍的效果。下面，我將向你介紹目前6種最為實用的開發框架。

1、React Native

作為一個JavaScript框架，React Native可以被用于開發跨平臺的移動應用。由于該框架帶有一種可用于開發用戶界面的獨特語言—JSX，因此用戶可通過React編寫出HTML和CSS。同時，它的用戶界面組件也被設計成為能夠給最終用戶帶來快速且愉快的體驗形式。

與其他大多數需要重新編譯代碼、或重新啟動應用，才能見效的開發框架不同，React Native的誘人之處在于，它能夠快速展示應用被更改的效果。

由于React Native在每個平臺上都會使用JavaScript引擎，因此你可以去訪問由庫和開源工具所組成的龐大生態系統。同時，它也允許用戶無縫地將部分應用代碼移植到另一個平臺上。

對于某些具有動態、復雜或高級設計的接口來說，React Native可能并非完美的框架。由于可供你使用的自定義模型數量比較有限，因此你往往需要針對應用中重要的復雜性部分，從頭開始開發與構建。初學者則需要花費一段時間，去掌握該框架的全面功能。

總的說來，React Native不但縮短了開發時間，而且能夠與第三方應用相兼容，值得大家學習。

2、Ionic

曾為NHS（英國國家醫療服務體系）和西南航空等組織提供數百萬強大應用的Ionic，是業界領先的混合應用工具包。它允許用戶使用單一的代碼庫，為多個平臺開發出混合移動應用。

Ionic擁有一套為移動優化了的HTML庫、CSS背景模式以及JavaScript組件。這些基本工具都能夠幫助用戶構建出用戶友好的、交互式的多平臺應用。

Ionic的另一個優勢是，它包含了一套針對攝像頭、GPS以及健康套件的額外功能，以便你增加自己的應用功能集。同時，你也可以在編寫代碼時，通過測試每個組件，以盡早地發現各種錯誤與缺陷。

由于Ionic包含了一組高效的響應式部件，因此它在保證了靈活的用戶體驗的同時，也節省了你在開發過程中花費的寶貴時間和精力。

不過，Ionic最大的局限在于，其開發出的應用程序嚴重依賴于原生的插件。雖然此類插件旨在達到與原生應用相當的性能，但是并非所有實例都可以用到它們。也就是說，你可能很難為自己正在開發的應用找到其合適的插件。

3、Xamarin

作為相對較新的原生編譯框架，Xamarin可以被用來開發出那些需要保持原有的外觀和用戶體驗的高性能應用。2016年，微軟收購了Xamarin項目社區，并使之成為微軟生態系統中，用于開發應用程序的流行工具。

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

不過，與原生應用相比，Xamarin在性能上存在著一定的局限性。因此，它不一定是某些復雜應用的最佳選擇。同時，由于該框架中也不提供熱重載的相關功能，因此其某些功能可能無法在特定的平臺上被實時更新。

總的說來，作為混合開發需求的一項不錯的選擇，Xamarin具有強大的支持、全面的資源，并能夠讓你的應用具有接近原生的性能。

4、Flutter

根據Google的定義，Flutter通過一個直觀的UI工具箱（其中包括插件庫和創新的用戶界面），讓用戶控制應用的組件，進而實現類似原生的性能。例如，Flutter的App Builder就能夠讓你混合和匹配各種功能。而使用其hotloader特性，你可以在調試代碼時，即時進行更改，進而簡化了整個開發過程。此外，由于Flutter能夠支持開發出不限于Android或iOS的應用，因此它已得到了廣泛的使用。

對于初學者來說，由于Flutter使用的是Dart，這種并非針對應用開發的流行語言，因此其學習曲線較為陡峭。而且，雖然由其提供的內置小部件（widgets）對于應用而言非常重要，但是一旦缺少了第三方庫，就意味著開發者需要額外地用自己的代碼去實現。

總的說來，Flutter仍然是不錯的選擇。它不但能夠通過一流的UI元素來提供字體選項，而且可以通過各種小部件，來改善應用的整體性能與用戶體驗。

5、NativeScript

作為一個開源的框架，NativeScript可以讓用戶使用JavaScript和CSS等Web技能來構建應用程序。而憑借著出色的特性和整體性能，NativeScript能夠與最新的移動版本、資源庫以及命令行界面相兼容。

該架構的一項實用特性是它可以實時地更新應用，而無需手動刷新。當然，與大多數其他混合應用框架不同，NativeScript并不使用Web技術。

總的說來，該框架不僅功能豐富，便于使用，而且性價比高，能夠給開發人員帶來流暢的使用體驗。

6、Apache Cordova

Cordova使用CSS3、JavaScript以及HTML5，來創建跨平臺的應用。通過擴展其HTML5和CSS3特性，該框架增加了諸如：加速器、指南針、麥克風以及文件系統等額外功能，從而能夠與目標設備協同工作。

同時，憑借著此類額外功能，開發者既可以快速、靈活地構建原生應用，又能夠訪問第三方的插件和工具箱。

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

與Ionic類似，該框架也包含了近似原生的小部件、選項卡以及可重排的列表等特性。同時，由于Apache Cordova能夠提供兩種工作流方法以及一種跨平臺的工作流方法（即：CLI），因此由其開發的應用程序可以在不同的移動操作系統上運行。

此外，CLI還提供一個獨特的接口以協助開發者將插件植入應用之中。也就是說，以平臺為中心的工作流，可以幫助你先構建單個平臺應用，然后再將其修改為并不復雜的形式。

7、選擇合適的框架

綜上所述，不同的混合框架有著適合不同應用場景的獨特賣點。例如，NativeScript的主要吸引力在于，你不需要事先了解應用會運行在iOS還是Android平臺上。你更應該仔細考慮的是，待開發應用的并發性、兼容性以及成本等因素，并據此來選擇適合的框架。

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

譯者介紹

陳峻 （Julian Chen），51CTO社區編輯，具有十多年的IT項目實施經驗，善于對內外部資源與風險實施管控，專注傳播網絡與信息安全知識與經驗。?