對於Ionic專案中使用訊息推送服務，Ionic官方提供了ngCordova專案，這個裡面的提供了用angularjs封裝好的訊息推送服務（官方文件），使用的是GitHub上的 PushPlugin 外掛，也有相關的實現例項：GitHub地址 ，但是使用的是Google的GCM訊息推送服務，一些網路原因，國內GCM可能不怎麼好用（自己也沒有試可不可以）。

於是選擇國內的訊息推送服務，主要有：百度雲推送，騰訊信鴿，極光推送，yunba 等等,其中只有極光推送官方提供了phonegap/cordova 外掛，其他的幾個GitHub上也有個人開發了相應的外掛（可以GitHub上搜 ：baidupush,xgpush可以找到），鑑於是官方提供，所以選擇了極光推送。

下面說下在Ionic專案中如何使用這個外掛。

第一步：註冊極光推送賬戶，並建立應用

測試例子，應用名稱為jPushDemo，應用包名：cn.kigsir.jpushdemo

建立成功後，會為應用生成一個appkey（後面要用到的） 和 一個API金鑰

第二步：下載並配置極光推送phonegap外掛（這一步Github上有詳細文件）

1.執行命令列，切換到你想儲存外掛的目錄，這裡我們儲存到H:\webapp\push\JPush\plugins\目錄下，執行：

cd H:\webapp\push\JPush\plugins\

等待完成。

2.開啟外掛目錄下的plugin.xml檔案，找到

<meta-data android:name="JPUSH_APPKEY" android:value="your appkey"/>

用剛才在極光推送建立的應用的appkey 替換 “your appkey"。

3.開啟外掛目錄\src\android\JPushPlugin.java 檔案，找到import your.package.name.R，將其替換為：cn.kigsir.jpushdemo.R。

第三步：建立ionic專案並新增上面的外掛

執行命令列，切換到你想建立ionic專案的目錄

cd H:\webapp\projects\cordovastudy\

建立專案（這裡的包名要和新增應用時設定的包名一致）:

ionic start -a jPushDemo -i cn.kigsir.jpushdemo jpushdemo blank

進入專案目錄：

cd jpushdemo

新增android平臺：

ionic platform add android

新增極光推送外掛：

ionic plugin add H:\webapp\push\JPush\plugins\jpush-phonegap-plugin

新增device外掛（因為極光推送外掛依賴這個）:

ionic plugin add org.apache.cordova.device（可以省略，ionic專案預設添加了這個外掛）

最後在app.js檔案中新增啟動推送服務程式碼

angular.module('starter', ['ionic']) 

.run(function($ionicPlatform) { 

  $ionicPlatform.ready(function() { 

    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 

    // for form inputs) 

    if(window.cordova && window.cordova.plugins.Keyboard) { 

      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 

    } 

    if(window.StatusBar) { 

      StatusBar.styleDefault(); 

    } 

 //啟動極光推送服務 

    window.plugins.jPushPlugin.init(); 

 //除錯模式 

    window.plugins.jPushPlugin.setDebugMode(true); 

  }); 

})

至此所以配置已經完成我們可以build專案了

ionic build android

將生成的apk檔案安裝到手機，在極光推送官網的應用控制檯傳送通知測試，測試效果：

最後簡單的封裝了一些極光推送的功能，效果如下：

2015-03-17

添加了開啟推送通知跳轉到指定頁面功能，原始碼：GitHub地址