幾款開源的hybird移動app框架分析

• 幾款開源的Hybrid移動app框架分析
  • Ionic
  • Onsen UI
    • 與 ionic 相比
  • jQuery Mobile
  • Mobile Angular UI
  • 結論

不少移動開發者喜歡使用原生代碼開發，但這種方式並非一個銀彈，在須要快速以及低成本開發的時候Hybrid App（混合應用）就體現了它的優點。

HTML5 移動UI框架(例如Ionic)讓你建立垮平臺Hybrid App與NativeAPP類似的效果，而使用的則是
HTM5, CSS and JavaScript。若是你已是一個web開發者了那麼選擇hybird將是一個較好的開發方式。並且只須要編寫一套代碼就能夠在多個平臺中使用。經過Cordova(PhoneGap)提供的javascriptAPI能夠訪問到照相機或傳感器這類硬件設備。最後再編譯成原生安裝包發到各應用商店。

目前市面上有須要移動端的UI框架可供選擇，接下來將介紹幾款其中的佼佼者。

Ionic

在近幾年，ionic成爲了Hybrid App開發框架中的領軍者，而且ionic的開發小組繼續更新，並保持領先優點。ionic一直保持免費和開源，並且它還擁有龐大的生態系統，能夠在社區中找到大量的資源。

ionic添加了對android材料設計的支持，同時ionic也包括了angular。像其餘流行的Hybrid App框架同樣，ionic也能夠利用cordova來實現對原生硬件的調用。

ionic框架具備可維護性和可擴展性，使用了簡單清晰的標記，大量移動端特殊優化的css(Sass),HTML5 and JavaScript 組件。

優勢：

• 基於Angularjs
• 預置的類原生組件
• 強大的社區

** 缺點：**

• 須要瞭解Angularjs
• 插件更新較慢
• 動畫性能較弱

官方網站

Onsen UI

Onsen UI是相對較新的框架，可是卻給Ionic帶來了衝擊。Onsen採用Apache license開源協。Onsen UI 有經過angular的指令實現了大量的組件也提供基於jQuery的組件 。兩個框架很相似可是仍是存在一些不一樣：

與 ionic 相比

• 兩個框架都依賴與angular指令，但Onsen UI支持jQuery。
• 兩個框架都支持Android 4+, iOS 6+，Onsen UI 支持Firefox OS和桌面瀏覽器。但ionic沒有官方的桌面瀏覽器支持，但仍是能夠用。
• 都支持分屏顯示技術
• 都是扁平是風格，但我的以爲Ionic更好看點。
• ionic支持SASS而Onsen UI 則是基於 Topcoat Css library。
• Onsen UI 文檔較好，但ionic的社區較活躍。
• Onsen UI 有一個本身的IDE called Monaca IDE.

官方網站

jQuery Mobile

jQuery 依然在遊戲領域與其餘移動端框架抗衡。jQuery Mobile 創建在jQuery和jQueryUI的基礎上。容許開發者建立webapp得到與平板、pc上無差異的用戶體驗。所以它沒法提供相似移動端原生控件外觀和體驗的app.

官方網站

Mobile Angular UI

這是爲bootstrap和angular的粉絲而準備的。 經過 Mobile Angular UI ,能夠經過bootstrap3和Angular 構建 移動應用。

Mobile Angular UI 提供指令能夠構建移動端UI Component 例如 overlays, switches.sidebars,scrollable .

官方網站

結論

目前市面上最經常使用的幾款開源的移動端框架，整體上來均不錯，但若是是要追求最終app的視覺效果則Ionic與Onsen是較好的選擇，它們的UI看上去更像原生控件。若是你是jquery的粉絲，而且不想嘗試使用其餘的那麼能夠選擇jQuery Mobile 簡單高效。
若是你熟悉angular與bootstarp那麼Mobile Angular UI則是不錯的選擇。

除了開源的框架外還有一些企業級框架這些框架功能強大但須要相應的費用，好比Sencha Touch 與 Kendo UI 。

---

參考連接

[01] http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css