我正在使用框架7开发Android混合移动应用程序,除了推送通知外,我几乎做了其他事情。现在,我不知道如何在Framework7中添加推送通知。
以前,我开发了许多PhoneGap应用程序,并且我经常使用PhoneGap插件添加phonegap-plugin-push,这项工作对我来说就像是一种魅力。
但不幸的是,它不能与framework7一起使用。 (http://framework7.io/)
请指导我添加实时通知。
答案 0 :(得分:1)
我通过使用Cordova-push-plugin解决了我的问题。 这是代码。
var myApp = new Framework7({
modalTitle: "VDST",
// Enable Material theme
material: true,
});
myApp.push = PushNotification.init({
"android": {
"senderID": "xxxxxxxxxx"
}, "ios": {
"sound": true,
"vibration": true,
"badge": true
},
"windows": {}
});
myApp.push.on('registration', function(data) {
var oldRegId = localStorage.getItem('registrationId');
if (oldRegId !== data.registrationId) {
localStorage.setItem('registrationId', data.registrationId);
var token=data.registrationId;
myApp.alert(token);
}
});
myApp.push.on('error', function(e) {
console.log("push error = " + e.message);
});
myApp.push.on('notification', function(data) {
console.log('notification event');
var cards = document.getElementById("cards");
var push = '<div class="row">' +
'<div class="col s12 m6">' +
'<div class="card darken-1">' +
'<div class="card-content black-text">' +
'<span class="card-title black-text">' + data.title + '</span>' +
' <p>' + data.message + '</p>' +
' <p>' + data.additionalData.foreground + '</p>' +
' </div>' +
' </div>' +
' </div>' +
'</div>';
cards.innerHTML += push;
});
此处为完整参考: