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

转载于:https://www.cnblogs.com/larryNE/p/6068720.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值