Stpe1:創建一個項目(此處使用的是tab類型的項目,創建方式可參照我前一篇如何離線創建Ionic1項目)
Stpe2:修改項目信息
打開[config.xml]修改下圖內容:
Stpe3:創建極光項目
注冊極光開發者賬號,並新建項目並獲取AppKey如下圖:
Stpe4:安裝極光推送cordova插件(jpush-phonegap-plugin)
檢查你的項目plugin目錄中是否有[cordova-plugin-device]目錄。若存在,建議先卸載他。卸載命令:ionic plugin rm cordova-plugin-device,否則安裝極光推送插件可能會提示cordova-plugin-device已存在,原因是jpush要依賴於這個插件,所以在安裝jpush的時候默認他也會安裝這個插件。為保證jpush的正常安裝,請先卸載cordova-plugin-device。
1 轉到你的項目目錄:cd f:\01mobileDvp\com.creec.jpushtest 2 執行插件安裝命令:cordova plugin add jpush-phonegap-plugin --variable API_KEY=your_jpush_appkey
ps:插件卸載命令:ionic plugin rm com.hewz.plugins.baidu.location
列出所有插件命令:ionic plugin list
安裝完成后出現下圖所示:
Stpe5:添加啟動極光推送服務代碼
打開www->js->app.js文件,修改.run(function($ionicPlatform) {xxxxxx})內部代碼為一下:
.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 && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } if (window.StatusBar) { // org.apache.cordova.statusbar required StatusBar.styleDefault(); } //啟用極光推送服務 try { window.plugins.jPushPlugin.init(); window.plugins.jPushPlugin.setDebugMode(true); } catch (exception) { alert(exception); } }); })
Stpe6:編譯發布到手機
使用ionic命令或 ionic小助手,將應用編譯發布到手機,命令:
ionic run android
完成后打開應用.....
Stpe7:發送消息到手機
極光推送官網的應用控制台發送通知測試
其他:
極光推送還可以按照不同類型做推送分類區分,以及配合你的服務器端應用程序調用極光推送SDK接口實現消息的自動發。