This is a migrated thread and some comments may be shown as answers.

Firebase Cloud Messaging Push Notification

14 Answers 498 Views

AppBuilder extension for Visual Studio

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

14 Answers, 1 is accepted

answered on 16 Nov 2016, 09:58 AM

@Marco

Sure marco...here we go...

<?php
// API access key from Google API's Console
define( 'API_ACCESS_KEY', 'YOUR_API_ACCESS_KEY' );
$registrationIds = array( $_GET['id'] ); //your fcm token
// prep the bundle
$msg = array
(
'body' => $_GET['body'], //message body
'title' => $_GET['title'], //message title
'vibrate' => 1,
'sound' => 1,
);
$fields = array
(
'registration_ids' => $registrationIds,
'notification' => $msg
);

$headers = array
(
'Authorization: key=' . API_ACCESS_KEY,
'Content-Type: application/json'
);

$ch = curl_init();
curl_setopt( $ch,CURLOPT_URL, 'https://fcm.googleapis.com/fcm/send' );
curl_setopt( $ch,CURLOPT_POST, true );
curl_setopt( $ch,CURLOPT_HTTPHEADER, $headers );
curl_setopt( $ch,CURLOPT_RETURNTRANSFER, true );
curl_setopt( $ch,CURLOPT_SSL_VERIFYPEER, false );
curl_setopt( $ch,CURLOPT_POSTFIELDS, json_encode( $fields ) );
$result = curl_exec($ch );
curl_close( $ch );
echo $result;
?>

You can use the following url to fire the code

YOUR_CODES_FILE_NAME.php?id=YOUR_FCM_TOKEN_WHERE_YOU_WANT_TO_SEND_MESSAGE_&title=Hey!&body=How%20are%20you?

answered on 16 Nov 2016, 03:45 PM

@Riyaz

It appears that the payload is sent correctly, however, my assumption is that you may want to use the data property instead of the notification because the plugin reads the objects in the data object to display a notification.

For example:

{

"collapse_key":"Updates Available",

"data":{

"title":"Push Title",

"message":"Push message for Android",

"customData":"Custom data for Android"

},

"delay_while_idle":false,

"time_to_live":1000,

"retries":1

}

Let me know if this works for you.

Regards,
Anton Dobrev
Telerik by Progress

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

answered on 17 Nov 2016, 04:24 PM

@Anton,

No sir...it didn't work. Have been trying n trying since your help. You see things were too simple until GCM.

Below is the code that i am following which was working fine until GCM. I would be really grateful if you have can a look and help me out.

var pushNotification;

function onDeviceReady() {
document.addEventListener("backbutton", onBackKeyDown, true);
try
{
pushNotification = window.plugins.pushNotification;

if (device.platform == 'android' || device.platform == 'Android' ||
device.platform == 'amazon-fireos' ) {
pushNotification.register(successHandler, errorHandler, {"senderID":"MY_SENDER_ID","ecb":"onNotification"}); // required!
} else {
pushNotification.register(tokenHandler, errorHandler, {"badge":"true","sound":"true","alert":"true","ecb":"onNotificationAPN"}); // required!
}
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
alert(txt);
}

nameFloat(device.uuid);

}
// handle APNS notifications for iOS
function onNotificationAPN(e) {
if (e.alert) {
//$("#app-status-ul").append('<li>push-notification: ' + e.alert + '</li>');
// showing an alert also requires the org.apache.cordova.dialogs plugin
navigator.notification.alert(e.alert);
}
if (e.sound) {
// playing a sound also requires the org.apache.cordova.media plugin
var snd = new Media(e.sound);
snd.play();
}
if (e.badge) {
pushNotification.setApplicationIconBadgeNumber(successHandler, e.badge);
}
}

function onNotification(e) {
//$("#app-status-ul").append('<li>EVENT -> RECEIVED:' + e.event + '</li>');
switch( e.event )
{
case 'registered':
if ( e.regid.length > 0 )
{
var regId = e.regid;
var unid = device.uuid;
jQuery.ajax({
type: "POST",
data: {unid:unid, regId:regId},
url: "http://MY_URL_WHERE_I_STORED",
dataType:'json',
success:function(response)
{
$("#app-status-ul").html(response);
}
});


// Your GCM push server needs to know the regID before it can push to this device
// here is where you might want to send it the regID for later use.
console.log("regID = " + e.regid);
}
break;
case 'message':
// if this flag is set, this notification happened while we were in the foreground.
// you might want to play a sound to get the user's attention, throw up a dialog, etc.
if (e.foreground)
{
$("#app-status-ul").append('<li>--INLINE NOTIFICATION--' + '</li>');
// on Android soundname is outside the payload.
// On Amazon FireOS all custom attributes are contained within payload
var soundfile = "ring.mp3";
// if the notification contains a soundname, play it.
// playing a sound also requires the org.apache.cordova.media plugin
var my_media = new Media(soundfile);
my_media.play();
}
else
{ // otherwise we were launched because the user touched a notification in the notification tray.
if (e.coldstart)
$("#app-status-ul").append('<li>--COLDSTART NOTIFICATION--' + '</li>');
else
$("#app-status-ul").append('<li>--BACKGROUND NOTIFICATION--' + '</li>');


}
$("#app-status-ul").append('<li>MESSAGE -> MSG: ' + e.payload.message + '</li>');
//android only
//$("#app-status-ul").append('<li>MESSAGE -> MSGCNT: ' + e + '</li>');
//amazon-fireos only
//$("#app-status-ul").append('<li>MESSAGE -> TIMESTAMP: ' + e + '</li>');
break;
case 'error':
$("#app-status-ul").append('<li>ERROR -> MSG:' + e + '</li>');
break;
default:
$("#app-status-ul").append('<li>EVENT -> Unknown, an event was received and we do not know what it is</li>');
break;
}
}
function tokenHandler (result) {
//$("#app-status-ul").append('<li>token: '+ result +'</li>');
// Your iOS push server needs to know the token before it can push to this device
// here is where you might want to send it the token for later use.
}
function successHandler (result) {
//$("#app-status-ul").append('<li>success:'+ result +'</li>');
}
function errorHandler (error) {
//$("#app-status-ul").append('<li>error:'+ error +'</li>');
}