作為一名學習Android開發的學生，對於移動開發的發展趨勢頗為關注，大家都知道，現在原生的移動開發在企業上基本很少使用了，大部分企業為了降低成本，選擇了webapp，hybrid（混合開發）這兩種模式，所以對於這種情況，我也去學習了有關這方面的框架，比如：JqueryMobile，Sencha Touch，MUI，還有我們今天說的Cordova+Angularjs+Ionic，在這幾種框架來說，我個人覺得最有前景的就是 Cordova+Angularjs+Ionic 這種框架的開發模式了。下面我們就來說一下它是如何實現這種混合開發的。

Cordova：

以前叫PhoneGap，是一個可以與手機原生程式碼互動的框架，主要用於呼叫手機功能，比如呼叫拍照功能，定位功能等。

Cordova是貢獻給Apache後的開源專案，是從PhoneGap中抽出的核心程式碼，是驅動PhoneGap的核心引擎。你可以把它們的關係想象成類似於Webkit和Google Chrome的關係

Cordova提供了一組裝置相關的API，通過這組API，移動應用能夠以JavaScript訪問原生的裝置功能，如攝像頭、麥克風等。

Cordova還提供了一組統一的JavaScript類庫，以及為這些類庫所用的裝置相關的原生後臺程式碼。

Cordova支援如下移動作業系統：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

Angularjs：

是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVVM、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等

Ionic：

ionic是一個用來開發混合手機應用的，開源的，免費的程式碼庫。可以優化html、css和js的效能，構建高效的應用程式，而且還可以用於構建Sass和AngularJS的優化。ionic會是一個可以信賴的框架。

環境搭建：

網上有很多關於ionic專案環境搭建的文章，但是它的搭建過程比較麻煩，所以有些文章說得不太詳細，這裡我推薦兩個， 寫得挺詳細的：

環境搭建好了應該下載IDE了，不過這個可以隨意，根據個人喜好，我選擇了 WebStorm

WebStorm：是一個很優秀的前端程式碼編輯器，我們就用它來作為我們的IDE

Ionic Lab：是一個將ionic專案由命令列的方式轉換成圖形介面管理的一個工具，這樣就不用老是檢視命令了。

下面給大家推薦一些真機除錯工具：

（1）PhoneGap Developer App
不需要編譯就能在真機上測試應用，GapReload和LiveReload一起使用也可以做到相同的事。通過phonegap serve指令起一個伺服器，通過WiFi與一臺移動裝置上的PhoneGap配對。這臺伺服器監控程式碼的變動，並把它們自動地傳送到那臺裝置上，而不用執行本地編譯。 
http://app.phonegap.com

關注公眾號，分享乾貨，討論技術