9 款極佳的 JavaScript 移動應用程式開發框架

發表於2016-12-24

從技術上來看,iOS,Android 和 Windows Phone 上的移動應用是使用不同的程式語言開發的,iOS 應用使用 Objective-C,Android 應用使用 Java,而 Windows Phone 應用使用 .NET. 。隨著 JavaScript,CSS 和 HTML 知識技能的提升,相信你也可以構建一個超讚的移動應用。在這篇部落格裡,我們將會介紹一些極好的 JavaScript 移動應用程式開發框架。

深入閱讀:目前 9 款極佳的 JavaScript 框架列表

說到網路開發,就不得不說 JavaScript,這是一款很有前途的程式語言。但在可預見的將來,.JavaScript 還能給移動 App 開發方面帶來同樣的影響嗎?讓我們來看看,以下是我們在 ValueCoders 上研究得出的 9 款極佳的 JavaScript 移動應用程式開發框架。

9款極佳的 JavaScript 移動框架

1) PhoneGap/Cordova

PhoneGap (來自 Apache Cordova) 是一個軟體開發框架,它允許你利用現有的 Web 開發技術快速開發混合手機應用程式,如,HTML、CSS 和 JavaScript。因此,準確的說這不是一個單純的 JavaScript 框架。現在我們先了解一下 PhoneGap。

PhoneGap 是在 Web 應用程式程式碼和移動系統 API 之間進行對接的中介。下圖能幫助你理解它:

104632_mqwx_2903254

來自: phonegap.com

在 PhoneGap 的幫助下,你可以使用原來在 JavaScript、HTML 和 CSS 中寫的相同的程式碼,生成移動作業系統,如 Android 和 iOS 的 API。

除了 PhoneGap,還有一些其它的框架能幫助你把 JavaScript 檔案轉換為移動 API,如 Xamarin, Ionic, Corona 。

相關閱讀:Xamarin 還是 Ionic:到底選擇誰?

2) Titanium

Appcelerator 的 Titanium 是一個開源的應用開發平臺,它允許你使用像 HTML,JavaScript 和 CSS 這樣的web技術來建立原生應用(移動應用和桌面應用)。Titanium 手機 SDK 是如今被使用的最流行的跨平臺手機開發解決方案之一,有超過 916109 名移動開發者和 460, 587, 474 臺裝置在使用  Accelerator 驅動的應用 .

這是 Titanium 工作的架構圖:

104646_dkxl_2903254

3) jQuery Mobile

104701_gz6r_2903254

jQuery Mobile 框架將“寫得更少,做得更多”作為下一個版本的理念。這是最頂尖的移動端 JavaScript 框架之一,可用於建立應用或在移動裝置上介面友好的網站。

jQuery Mobile 提供了大量的使用者介面來支援對現代平臺的相容,如 Android、iOS,甚至很早的 Opera Mini、諾基亞塞班等平臺。你可以將 jQuery Web 應用整合在 PhoneGap 中,使之成為可互動的 iOS 或 Android 應用。

4) Sencha Ext JS

Ext JS (又叫 Sencha Touch —它們於2015年3月合併成 Ext Js 6.0) 據說是唯一能讓開發人員快速建立優秀移動應用的解決方案框架,這些應用可以執行在 Android、iOS,Kindle Fire 或者其它一些平臺上。它配備了大量具有創造性的、有用的元件,在各種移動應用上都可以高效運轉。下面是特性一瞥

這裡是對上面四種框架的比較(注意:這裡提到的 Sencha Touch 是指 Sencha Ext JS)。

104715_wbmy_2903254

5) React Native

如果你喜歡原生移動應用,主要使用的可能有兩項——Xamarin 和 React Native。 Xamarin 允許你以寫原生應用類似的方式編寫應用,包括類似的界口設計和呼叫。

React Native (來自Facebook) 則採用了另一種方式,一個完全不同的路徑,進行原生應用開發。它使用 JavaScript 程式碼,和 CSS 類似的樣式表以及與 HTML 非常相似標記用於佈局。這有一張圖表可以清楚地說明 React Native 的流行程度:

104731_lawx_2903254

因此,如果你的團隊都對 React 比較熟悉,那麼 React Native 會是最好的選擇。

其它閱讀:選擇 Facebook ReactJS 的 5 大原因

6) Meteor

Meteor 是另一個開發互動式移動應用的 JavaScript 框架。Meteor 不僅能讓你用 JavaScript 開發移動應用,還能讓持續控制應用。在這個特性下,你可以更新 JavaScript 程式碼,並通過實時程式碼推送功能將其立即釋出給所有移動平臺的使用者,而這一切都可以不需要開發者支援。

Meteor(版本: 1.0) 的另一個特點是它會通過手機記憶體中執行的 miniMongo 資料庫在本地維護一個資料拷貝。另外,Meteor 會完成所有電話和伺服器之間的資料通訊及同步。(miniMongo 是 JavaScript 實現的 MongoDB API。) 這是它的架構:

104745_rguz_2903254

相關閱讀:開發中使用 Meteor JS 的優勢

7) NativeScript

NativeScript 是 Telerik 發明的從單一的原始碼構建多平臺的本地移動應用程式工具集。NativeScript 網站和 GitHub 頁面描述執行時使開發人員能夠利用 JavaScript 和 TypeScript(甚至Angular 2.0)來為安卓、iOS、構建本地應用程式,並提供程式碼平臺。

NativeScript 的架構如下:

104759_min7_2903254

8) Rachet

Ratchet 是頂級 JavaScript 框架的另一個主要元素,用來開發移動應用程式。它旨在為開發人員和設計人員提供了一個框架來構建移動 web 應用程式。該框架是由為我們帶來 Bootstrap 的同一個團隊創造,以確保 Ratchet 高質量。不管你想要的目標是 Android,iOS,或兩者兼而有之,Ratchet 2.x 都能幫你實現。

104811_utms_2903254

9) Mobile Angular UI

Mobile Angular UI 是頂級移動 JavaScript 框架之一。 如果你是 Angular 忠實粉,那麼這個框架很適合你。它提供了 Bootstrap 3 遺漏但必不可少的移動元件:Switches(開關), overlays(覆蓋), scrollable areas(可滾動區域), sidebars(側邊欄), absolute positioned top(置頂) 和 bottom navbars(滾動時不反彈的帶按鈕的導航欄) 等等一些提到的功能。

延伸閱讀: 使用 AngularJS 開發應用程式的十大優勢

然而,隨著 Angular 2 的釋出,概念也發生了一些變化。 所以對於 Angular 2 的崇拜者來說,Onsen UI 2.0 可以是一個不錯的選擇。

總而言之

為移動裝置選擇合適的 JavaScript 框架,其標準不是看框架包含的功能特色,而是在程式開發專案中該應用框架所能提供的功能。因此,根據您的專案需要來選擇合適的 JavaScript 框架,能節省不少時間和成本。

這篇文章最初發表在 ValueCoders

相關文章