cordova|cordova + vue 项目实现极光推送功能
因为我司使用cordova打包app,要实现推送功能,百度了一下只有极光官方支持。 1.首先得在极光注册开发者帐号:附上极光官网连接https://www.jiguang.cn/ 2.创建好帐号后点进进入极光开发者服务》》创建应用 3.创建好应用会生成一个AppKey(后面需要),到这里还没完,切记点击下方的完成推送设置按钮 4.点击后在推送设置里填写应用包名,一定要和android项目包名一致,否则拿不到注册id(android包名可以在cordova项目下platforms\android\app\src\main的AndroidManifest文件里查看,这里要注意一点7.0版本前是在 platforms/android的的AndroidManifest文件里查看) 5.在cordova根目录下安装推送插件(cordova add plugin jpush-phonegap-plugin --variable APP_KEY=上文提到的AppKey) 6.插件安装好后就是调用了,在vue根目录下src文件夹下的app.vue调用以下方法 document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() { document.addEventListener("jpush.receiveRegistrationId", function (event) { console.log("receiveRegistrationId" + JSON.stringify(event));
}, false);
initJPush();
} function initJPush(){ if ('JPush' in window) { console.log('initialize JPush...');
try { window.JPush.init();
window.JPush.setDebugMode(true);
window.setTimeout(() => { window.JPush.getRegistrationID((data) => { console.log(data);
console.log('JPush initialize successful...');
});
}, 1000);
if (device.platform != "Android") { window.JPush.setApplicationIconBadgeNumber(0);
} } catch (exception) { console.log(exception);
} } else { console.error('JPush is not exist...');
} } 7.小伙伴们可以在极光官网推送设置》推送里推送一波消息试试,如果能收到推送消息,恭喜你这个功能完成啦
【cordova|cordova + vue 项目实现极光推送功能】转载于:https://juejin.im/post/5ae42dc4518825673e356218
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 17|17 关山松 第二课作业#公众号项目# D20
- RxJava|RxJava 在Android项目中的使用(一)
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目(一)
- VueX--VUE核心插件
- 靠QQ月入上万灰色暴利偏门的项目
- spring|spring boot项目启动websocket
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布