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

Stpe1:建立一個項目(此處使用的是tab類型的項目,建立方式可參照我前一篇如何離線建立Ionic1項目

Stpe2:修改項目信息

打開[config.xml]修改下圖內容:html

Stpe3:建立極光項目

註冊極光開發者帳號,並新建項目並獲取AppKey以下圖:android

Stpe4:安裝極光推送cordova插件(jpush-phonegap-plugin)

檢查你的項目plugin目錄中是否有[cordova-plugin-device]目錄。若存在,建議先卸載他。卸載命令:ionic plugin rm cordova-plugin-device,不然安裝極光推送插件可能會提示cordova-plugin-device已存在,緣由是jpush要依賴於這個插件,因此在安裝jpush的時候默認他也會安裝這個插件。爲保證jpush的正常安裝,請先卸載cordova-plugin-device。git

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

安裝完成後出現下圖所示:github

Stpe5:添加啓動極光推送服務代碼

 打開www->js->app.js文件,修改.run(function($ionicPlatform) {xxxxxx})內部代碼爲一下:apache

.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

完成後打開應用.....app

Stpe7:發送消息到手機ionic

極光推送官網的應用控制檯發送通知測試ide

 其餘:測試

極光推送還能夠按照不一樣類型作推送分類區分,以及配合你的服務器端應用程序調用極光推送SDK接口實現消息的自動發。

相關文章
相關標籤/搜索