Push notification from Javascript to all platforms

[pramodwadkar]

Hi,
I am trying to send push notification from Javascript and could not find documentation for following methods.
QB.messages
QB.messages.tokens
QB.messages.subscriptions
QB.messages.events
It will be really helpful if you provide some documentation regarding the same .

[alexbassy]

Hi Paddy,

Are you familiar with this process using one of the other SDKs? It's pretty much the same. Please note, this will only send push notifications to mobiles - we don't support Safari/Chrome web notifications (...yet). Documentation for this in the JS SDK is missing due to the unlikely need for this.

Anyway. First, you upload the device token to QB with the following. I have only added the mandatory parameters for these snippets:

var params = {
  environment: "development",
  client_identification_sequence: "144",
  platform: "ios",
  udid: "2b6f0cc904d137be2e1730235f5664094b831186"
};

QB.messages.tokens.create(params, function(err, response){
  if (err) {
    console.log(err);
  } else {
    console.log(response);
  }
});

The token is then attached to the user, so you don't need to give any of this information again. API docs

Next step is to create the subscription:

var params = { notification_channels: "apns" };

QB.messages.subscriptions.create(params, function(err, response){
  if (err) {
    console.log(err);
  } else {
    console.log(response);
  }
});

API docs. This user is now available to send push notifications to. You do this either from the admin panel, or by creating an event in the API. -->

var params = {
  notification_type: "push", 
  environment: "production", 
  user: {
    ids: "1326"
  }, 
  message: "payload=eyJhcHMiOnsic291bmQiOiJkZWZhdWx0IiwiYWxlcnQiOiJZb3UgaGF2ZSBqdXN0IHJlY2VpdmVkIGEgbmV3IG1lc3NhZ2UgZnJvbSBZdWxpYSBTeWRvcmVua28uIn0sIngiOnsiZGF0YSI6IntcInR5cGVcIjpcIm1lc3NhZ2VcIixcImZyb21fbmFtZVwiOlwiWXVsaWEgU3lkb3JlbmtvXCIsXCJmcm9tX2lkXCI6XCI4NTc1MTFcIixcImZyb21fZmFjZWJvb2tcIjpcIjEwMDAwMDM0OTA4MjYwM1wifSJ9fQ==", 
  push_type: "apns"
};

QB.messages.events.create(params, function(err, response){
  if (err) {
    console.log(err);
  } else {
    console.log(response);
  }
});

You'll notice the message is payload= and then a giant Base64 string - here's the decoded JSON:

{
  "aps": {
    "sound": "default",
    "alert": "You have just received a new message from Yulia Sydorenko."
  },
  "x": {
    "data": "{\"type\":\"message\",\"from_name\":\"Yulia Sydorenko\",\"from_id\":\"857511\",\"from_facebook\":\"100000349082603\"}"
  }
}

Here are the API docs for the above with all the possible parameters.

Hope this helps!
Alex

[pramodwadkar]

This what i tried for sending push notification,
while creating token i am provideing device RegId as a client_identification_sequence
and device unique id as a udid

So when i tried to create event i am getting response like this-
/* Responce
{"errors":{"base":["No recipients. At least one user should be subscribed for GCM (Android Push) (through SDK or REST API)","GCM (Android Push) is not enabled for the current application. Please enable this notification channel in the settings tab of the admin panel"]}}

*/

Here is what i tried,

var params = {
environment: "development",
client_identification_sequence: "APA91bHSBp0hQDfFYjrLMAJLfRPKRwGnthGcoIIE2PToBka6xc7VG2OjMAxV6n4PNSCEUCK9S9R5dojWIQR25CuNddEfazrtYsriQVFe3k2palkNe5htReotjJftw1jJf4Oaivl68VgWqLfh5I_dr26ULZ_1FdrcNA",
// This is Device Reg. Id
platform: "android",
udid: "559880b496f218a5" // Device Unique ID
};

QB.messages.tokens.create(params, function(err, response){
if (err) {
console.log(err);
} else {
console.log(response);
}
});

/*
Responce
{"push_token":{"client_identification_sequence":"APA91bHSBp0hQDfFYjrLMAJLfRPKRwGnthGcoIIE2PToBka6xc7VG2OjMAxV6n4PNSCEUCK9S9R5dojWIQR25CuNddEfazrtYsriQVFe3k2palkNe5htReotjJftw1jJf4Oaivl68VgWqLfh5I_dr26ULZ_1FdrcNA","environment":"development","id":2323646}}
*/

var params = { notification_channels: "gcm" };

QB.messages.subscriptions.create(params, function(err, response){
if (err) {
console.log(err);
} else {
console.log(response);
}
});
/*
Responce
[]
*/

var params = {
notification_type: "push",
environment: "production",
user: {
ids: "1326"
},
message: "eyJhcHMiOnsic291bmQiOiJkZWZhdWx0IiwiYWxlcnQiOiJZb3UgaGF2ZSBqdXN0IHJlY2VpdmVkIGEgbmV3IG1lc3NhZ2UgZnJvbSBZdWxpYSBTeWRvcmVua28uIn0sIngiOnsiZGF0YSI6IntcInR5cGVcIjpcIm1lc3NhZ2VcIixcImZyb21fbmFtZVwiOlwiWXVsaWEgU3lkb3JlbmtvXCIsXCJmcm9tX2lkXCI6XCI4NTc1MTFcIixcImZyb21fZmFjZWJvb2tcIjpcIjEwMDAwMDM0OTA4MjYwM1wifSJ9fQ==",
push_type: "gcm"
};

QB.messages.events.create(params, function(err, response){
if (err) {
console.log(err);
} else {
console.log(response);
}
});
/* Responce
{"errors":{"base":["No recipients. At least one user should be subscribed for GCM (Android Push) (through SDK or REST API)","GCM (Android Push) is not enabled for the current application. Please enable this notification channel in the settings tab of the admin panel"]}}

*/

Hi,
I did exactly the same and QB.messages.events.create responds with this json object:
{ event:
{ active: true,
application_id: 18113,
created_at: '2015-01-12T19:01:29Z',
date: null,
end_date: null,
event_type: 'one_shot',
id: 1806723,
message: 'data.message=SStsb3ZlK00lMjZNJTI3cyUyMStFc3BlY2lhbGx5K3JlZCtvbmUlMjE=',
name: null,
occured_count: 0,
period: null,
updated_at: '2015-01-12T19:01:29Z',
user_id: 2185263,
notification_channel: { name: 'gcm' },
subscribers_selector:
{ environment: 'production',
tags_query: null,
user_ids: [Object] } } }
However, when I check the admin panel for the messages queue, it remains empty.
Could u please help ?

[vrodge]

Hi,
I am trying to send push notification from Javascript but getting following error.
" { code: 422, status: "error", message: "Unprocessable Entity", detail: "{"errors":{"base":["No recipients. At least one user should be subscribed for GCM (Android Push) (through SDK or REST API)"]}}" } ".

Please provide me proper solution. my code is given below...

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="require.js"></script> <script> require(["quickblox"],function(quickblox){ quickblox.init("xxxxx", "xxxxxxxxxxxxxx", "xxxxxxxxxxxxxx"); var params = { environment: "development", platform: "android", udid: "**************" }; quickblox.createSession(function(err, response) { if (err) { console.log(err); alert("error1") } else { console.log(response); var params1 = {login: 'xxxxxx', password: 'xxxxxx'}; quickblox.login(params1, function(err, result) { if(err) { console.log(err); } else { console.log(result); quickblox.messages.tokens.create(params, function (err, response) { if (err) { console.log(err); } else { console.log(response); var params2 = {notification_channels: "GCM"}; quickblox.messages.subscriptions.create(params2, function (err, response) { if (err) { console.log('subscriptions'+err); } else { console.log(response); var params3 = { notification_type: "push", environment: "development", users: { ids: "xxxxxxxx" }, message: "payload=eyJhcHMiOnsic291bmQiOiJkZWZhdWx0IiwiYWxlcnQiOiJZb3UgaGF2ZSBqdXN0IHJlY2VpdmVkIGEgbmV3IG1lc3NhZ2UgZnJvbSBZdWxpYSBTeWRvcmVua28uIn0sIngiOnsiZGF0YSI6IntcInR5cGVcIjpcIm1lc3NhZ2VcIixcImZyb21fbmFtZVwiOlwiWXVsaWEgU3lkb3JlbmtvXCIsXCJmcm9tX2lkXCI6XCI4NTc1MTFcIixcImZyb21fZmFjZWJvb2tcIjpcIjEwMDAwMDM0OTA4MjYwM1wifSJ9fQ==", push_type: "gcm" }; quickblox.messages.events.create(params3, function (err, response) { if (err) { console.log(err); } else { console.log('sadkasdf'+response); } }); } }); // now available to send push notifications to } }); } }); } }); }); </script>

    <p id="demo" onclick="myFunction()">Click me to change my text color.</p>
</body>

Thank you...

[soulfly]

@vrodge to what user you are sending a push? iOS/Android?

[vrodge]

@soulfly Android

[sagargohad7]

Hi,
I am new to quickblox push notification, I am also facing same problem to sending push to android user. I get response as below.
/*
Array [ ]

Object { code: 422, status: "error", message: "Unprocessable Entity", detail: "{"errors":{"base":["No recipients. At least one user should be subscribed for GCM (Android Push) (through SDK or REST API)"]}}" }.
*/
Please help me to solve this problem.
Thanx in advance....

[soulfly]

Please post your js code how you do it

[sagargohad7]

@soulfly

<script> require(["quickblox"],function(quickblox){ quickblox.init("appId", "authKey", "authSecret"); var params = { environment: "development", platform: "android", udid: "udid" }; quickblox.createSession(function(err, response) { if (err) { console.log(err); } else { console.log(response); var params1 = {login: 'xxxxxxxxx', password: 'xxxxxxxx'}; quickblox.login(params1, function(err, result) { if(err) { console.log(err); } else { console.log(result); quickblox.messages.tokens.create(params, function (err, response) { if (err) { console.log(err); } else { console.log(response); var params2 = {notification_channels: "GCM"}; quickblox.messages.subscriptions.create(params2, function (err, response) { if (err) { console.log('subscriptions'+err); } else { console.log(response); var params3 = { notification_type: "push", environment: "development", users: { ids: "6596976" }, message: "payload=eyJhcHMiOnsic291bmQiOiJkZWZhdWx0IiwiYWxlcnQiOiJZb3UgaGF2ZSBqdXN0IHJlY2VpdmVkIGEgbmV3IG1lc3NhZ2UgZnJvbSBZdWxpYSBTeWRvcmVua28uIn0sIngiOnsiZGF0YSI6IntcInR5cGVcIjpcIm1lc3NhZ2VcIixcImZyb21fbmFtZVwiOlwiWXVsaWEgU3lkb3JlbmtvXCIsXCJmcm9tX2lkXCI6XCI4NTc1MTFcIixcImZyb21fZmFjZWJvb2tcIjpcIjEwMDAwMDM0OTA4MjYwM1wifSJ9fQ==", push_type: "gcm" }; quickblox.messages.events.create(params3, function (err, response) { if (err) { console.log(err); } else { console.log('Response'+response); } }); } }); } }); } }); } }); }); </script>

Please give any solution.
thank you.

[soulfly]

@sagargohad7
Please post your js code how you send a push

[sagargohad7]

require(["quickblox"],function(quickblox){
quickblox.init("appId", "authKey", "authSecret");

var params = {
        environment: "development",
        platform: "android",
        udid: "udid"
    };

quickblox.createSession(function(err, response) {
    if (err) {
        console.log(err);
    } else {
        var params1 = {login: 'xxxxxxxxx', password: 'xxxxxxxx'}; 
        quickblox.login(params1, function(err, result) {
        if(err){
        console.log(err);                           
    }else{
        console.log(result);
                    quickblox.messages.tokens.create(params, function (err, response) {
                            if (err) {
                                console.log(err);
                            } else {
                                console.log(response);
                                var params2 = {notification_channels: "GCM"};
                                quickblox.messages.subscriptions.create(params2, function (err, response) {
                                if (err) {
                                        console.log('subscriptions'+err);
                                } else {
                                    var params3 = {
                                    notification_type: "push",
                                    environment: "development",
                                    users: {
                                                ids: "ids"
                                    },
                                    message: "payload=eyJhcHMiOnsic291bmQiOiJkZWZhdWx0IiwiYWxlcnQiOiJZb3UgaGF2ZSBqdXN0IHJlY2VpdmVkIGEgbmV3IG1lc3NhZ2UgZnJvbSBZdWxpYSBTeWRvcmVua28uIn0sIngiOnsiZGF0YSI6IntcInR5cGVcIjpcIm1lc3NhZ2VcIixcImZyb21fbmFtZVwiOlwiWXVsaWEgU3lkb3JlbmtvXCIsXCJmcm9tX2lkXCI6XCI4NTc1MTFcIixcImZyb21fZmFjZWJvb2tcIjpcIjEwMDAwMDM0OTA4MjYwM1wifSJ9fQ==",
                                    push_type: "gcm"
                                };
    quickblox.messages.events.create(params3, function (err, response) {
        if (err) {
            console.log(err);
        } else {
            console.log('Response'+response);
        }
    });
                                }
                    });
                            }
                        });     
                }
            });

        }
     });
});

Please give any solution.
Thank you

[soulfly]

No recipients. At least one user should be subscribed for GCM (Android Push) (through SDK or REST API) means that you didn't subscribe a user to pushes

you have to call subscriptions.create before and check that it works well, no errors

Which platforms do you use? only Web? is it web app or mobile?

[sagargohad7]

I call subscriptions.create but it gives me empty array[ ] in response and i already subscribe 3 users and i am using web platform.
here is my subscription code and response.

/*
var params2 = {notification_channels: "GCM"};
quickblox.messages.subscriptions.create(params2, function (err, response) {
if (err)
{
console.log(err);
}
else {
console.log(response);
var params3 = {
notification_type: "push",
environment: "development",
user: {
ids: 'XXXXXXX'
},
message: "payload=hello from js",
push_type: "GCM"
};
quickblox.messages.events.create(params3, function (err, response) {
if (err) {
console.log(err);
} else {
console.log(response);
}
});
}

                                    });

*/

Response:
/*
Array [ ]
*/

please give any solution,
Thank you.