在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接口实现消息的自动发。

posted @ 2016-11-16 11:11  LarryNE  阅读(4818)  评论(2编辑  收藏  举报