ionic手機應用如何添加極光推送(以ioniclub應用爲例)

2015-06-26 19:07:00
hainuo
原創 9022
摘要:ionic添加極光推送
先列一下蔘考資料  最全的是官方的這箇例子官方的例子最好 [https://github.com/jpush/jpush-phonegap-plugin](https://github.com/jpush/jpush-phonegap-plugin)然後內是董大大的文章[http://ionichina.com/topic/54f96e7b59a9bdef119234a1](http://ionichina.com/topic/54f96e7b59a9bdef119234a1)看完後應該有大體概念瞭。那麽我們開始在cordova 5.0下製作瞭。首先是按照官方文檔,在董大大的稿子類似。第一步下載下jpush 可以通過gitclone也可以直接電加下載zip解壓 第二步按照文檔修改appkey和package name    董大的文章有詳細描述如何創建極光推送應用。在修改JPushPlugin.java文件的時候一定要記住最後的.R不要給去掉瞭啊。第三步切換到董大的ioniclub 項目目録`ioinc plugin add path/to/jpush/path`第四步```ionic plugin add  cordova-plugin-device  #註意這裡的plugin不是 org.apache.cordova.device  原因是改名瞭  所以這裡董大的文章是錯誤的  可以通過執行命令查看輸齣消息來驗證-> % ionic plugin add org.apache.cordova.deviceUpdated the hooks directory to have execute permissionsWARNING: org.apache.cordova.device has been renamed to cordova-plugin-device. You may not be getting the latest version! We suggest you `cordova plugin rm org.apache.cordova.device` and `cordova plugin add cordova-plugin-device`.Fetching plugin "org.apache.cordova.device" via cordova plugins registry```第五步 就是打包瞭。。。```ionic platform add androidionic build android```插入你的手機```ionic run android```ps:如果你的手機接上後不能用需要配置adbpath在path中增加adb的路徑到$PATH中 我的路徑是這樣設置的 Mac 10.10.3   以下亮條是增加的adb和android兩箇命令工具```export PATH=$PATH:~/Library/Android/sdk/platform-tools  export PATH=$PATH:~/Library/Android/sdk/tools```附件中的包是我在ioniclub中增加瞭極光推送後的debug包,歡迎大傢下載測試當然會有一箇彈窗,這箇彈窗會顯示你的極光推送的```registrationID```對app.js文件的修改 增加一箇run```.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);            var onGetRegistradionID = function(data) {                try{                    alert("JPushPlugin:registrationID is"+data);                    model.console.push("JPushPlugin:registrationID is " + data);                }                catch(exception){                    model.console.push(exception);                }            };            window.plugins.jPushPlugin.getRegistrationID(onGetRegistradionID);        });    })```對java文件文件位置 在`platforms/android/src/com/ionichina/ioniclub/MainActiovity.java`文件作如下修改在`MainActivity`類中增加這兩箇方法就可以瞭  不增加的話會在手機提示沒有安裝統計方法```@Overrideprotected void onResume() {    super.onResume();    JPushInterface.onResume(this);}@Overrideprotected void onPause() {    super.onPause();    JPushInterface.onPause(this);}```對index.html的修改  將極光推送的js腳本從`/plugins/cn.jpush.phonegap.JPushPlugin/www`目録下copy到`www/js`目録下然後對`index.html` head部分增加刪掉JPushPlugin.js最末一行 在ionic serve調試時,console.error報錯,所以我將error改爲瞭log搜索‘console.error’修改爲log------歡迎大傢反饋 
發錶評論
陸 乘 伍 =
評論通過審核後顯示。