如何使用Framework7 Cordova实时获取推送通知

时间:2018-08-26 09:02:50

标签: cordova html-framework-7

我正在使用框架7开发Android混合移动应用程序,除了推送通知外,我几乎做了其他事情。现在,我不知道如何在Framework7中添加推送通知。

以前,我开发了许多PhoneGap应用程序,并且我经常使用PhoneGap插件添加phonegap-plugin-push,这项工作对我来说就像是一种魅力。

但不幸的是,它不能与framework7一起使用。 (http://framework7.io/

请指导我添加实时通知。

1 个答案:

答案 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;
                    });

此处为完整参考:

http://macdonst.github.io/push-workshop/index.html