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