在ionic/cordova中使用極光推送插件(jpush)


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接口實現消息的自動發。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM