The phonegap-plugin-push does not successfully register

Question

The phonegap-plugin-push does not successfully register

Currently, I am delving into the realm of app development using Phonegap and experimenting with the Phonegap push plugin available here. I am encountering an issue where the register event fails to fire even after initialization. Here are the steps I have taken:

Created the project using Phonegap

Installed the plugin following the provided instructions using

phonegap plugin add phonegap-plugin-push --variable SENDER_ID="XXXXXXX"

Built the platform with phonegap build android

After adding the Android platform without any errors, the registration event does not trigger upon running the app. Here is a snippet of my code:

var app = {
    // Application Constructor
    initialize: function() {
        this.bindEvents();
    },
    // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    ...
    // Additional code omitted for brevity
    ...
};

In my index.html file, the scripts are referenced as follows:

<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/push.js"></script>
<script type="text/javascript" src="js/index.js"></script>

Could there be an error in my setup? How can I confirm if the plugin is initializing correctly or why the registration event is not being triggered?

javascript android cordova push-notification

Answer 1

Answer №1

Insert this code snippet into your app:

// Update DOM on a Received Event
receivedEvent: function(id) {
    var push = PushNotification.init({
       "android": {
           "senderID": "XXXXXXX"
       },
        "ios": {"alert": "true", "badge": "true", "sound": "true"}, 
       "windows": {} 
   });
push.on('registration', function(data) {
    alert("registration event");
    alert(data.registrationId)
    console.log(JSON.stringify(data));
});

push.on('notification', function(data) {
    alert("notification event");
    console.log(JSON.stringify(data));

    push.finish(function () {
        console.log('finish successfully called');
    });
});

push.on('error', function(e) {
    alert("push error");
    alert(e);
});
alert('hello')

within the

onDeviceReady: function() {
    app.receivedEvent('deviceready');

}

Answer 2

Insert this code snippet into your app:

// Update DOM on a Received Event
receivedEvent: function(id) {
    var push = PushNotification.init({
       "android": {
           "senderID": "XXXXXXX"
       },
        "ios": {"alert": "true", "badge": "true", "sound": "true"}, 
       "windows": {} 
   });
push.on('registration', function(data) {
    alert("registration event");
    alert(data.registrationId)
    console.log(JSON.stringify(data));
});

push.on('notification', function(data) {
    alert("notification event");
    console.log(JSON.stringify(data));

    push.finish(function () {
        console.log('finish successfully called');
    });
});

push.on('error', function(e) {
    alert("push error");
    alert(e);
});
alert('hello')

within the

onDeviceReady: function() {
    app.receivedEvent('deviceready');

}

The phonegap-plugin-push does not successfully register

Answer №1

Similar questions

After submitting the form, Axios sends multiple requests simultaneously

Having trouble installing npm package in Angular project

Date Object Replacement Error: "this is not a valid Date object."

`Encountering an unknown index while using AJAX to retrieve data from a PHP file

The contents of Ionic views are not stored in a cache, so the controller must

Distinguishing ft.remove() from popBackStack() in Android

Dynamics of Rails and the power of jQuery with ajaxStop

Tips for preventing the loss of ajax calls when an Oauth access-token expires

Expanding angularjs date filter to support additional date formats

Steps for integrating Cordova-vk plugin into an Ionic 3 project

The React Component in Next.js does not come equipped with CSS Module functionality

Tips on how to retrieve the value of a number-type input within a custom attribute directive

Synchronizing two navigation menus on a single-page application website

How can I replicate the functionality of a div mimicking a select element using javascript upon clicking away from the element?

observing the value of the parent controller from the UI router state's resolve function

Disabling the search function when it is clicked (before any actions are taken)

What is the method for adjusting the width of a v-card based on its height?

Tips on identifying HTML email input validation using JavaScript?

Dynamic dropdown menu based on the location using JSON and jQuery

Tips on retrieving an item using jQuery's select2 plugin