How to send FCM notification to app from web

Question

I am developing chat app which is based on Firebase Database and Storage. Everything is working fine, but now I need implementation of FCM to receive notification on app when app is in background or foreground. I can't find a way to implement in PHP which listen any changes in firebase database and if there is any change then send push notification to app.

There is so many code which send notification from PHP, but none is based on Firebase database and even official documentation has Node.js guide which my shared hosting doesn't support.

I already implemented FCM code on my app side which is tested from Firebase Console.

Here is my Firebase database structure

Solution 1

Sending a push notification is only a matter of sending a post request to FCM servers.

Here is working example:

$data = json_encode($json_data);
//FCM API end-point
$url = 'https://fcm.googleapis.com/fcm/send';
//api_key in Firebase Console -> Project Settings -> CLOUD MESSAGING -> Server key
$server_key = 'YOUR_KEY';
//header with content_type api key
$headers = array(
    'Content-Type:application/json',
    'Authorization:key='.$server_key
);
//CURL request to route notification to FCM connection server (provided by Google)
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
$result = curl_exec($ch);
if ($result === FALSE) {
    die('Oops! FCM Send Error: ' . curl_error($ch));
}
curl_close($ch);

Example of the JSON pay load:

[
    "to" => 'DEVICE_TOKEN',
    "notification" => [
        "body" => "SOMETHING",
        "title" => "SOMETHING",
        "icon" => "ic_launcher"
    ],
    "data" => [
        "ANYTHING EXTRA HERE"
    ]
]

Solution 2

Try this code it works for me android as well as iOS

<?php
    $url = "https://fcm.googleapis.com/fcm/send";
    $token = "your device token";
    $serverKey = 'your server token of FCM project';
    $title = "Notification title";
    $body = "Hello I am from Your php server";
    $notification = array('title' =>$title , 'body' => $body, 'sound' => 'default', 'badge' => '1');
    $arrayToSend = array('to' => $token, 'notification' => $notification,'priority'=>'high');
    $json = json_encode($arrayToSend);
    $headers = array();
    $headers[] = 'Content-Type: application/json';
    $headers[] = 'Authorization: key='. $serverKey;
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_CUSTOMREQUEST,"POST");
    curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
    curl_setopt($ch, CURLOPT_HTTPHEADER,$headers);
    //Send the request
    $response = curl_exec($ch);
    //Close request
    if ($response === FALSE) {
    die('FCM Send Error: ' . curl_error($ch));
    }
    curl_close($ch);
?>

Solution 3

You can send the post request without curl (which was not available on my server)

sendNotification("New post!", "How to send a simple FCM notification in php", ["new_post_id" => "605"], "YOUR_SERVER_KEY");

function sendNotification($title = "", $body = "", $customData = [], $serverKey = ""){
    if($serverKey != ""){
        ini_set("allow_url_fopen", "On");
        $data = 
        [
            "to" => '/topics/new_post',
            "notification" => [
                "body" => $body,
                "title" => $title,
            ],
            "data" => $customData
        ];

        $options = array(
            'http' => array(
                'method'  => 'POST',
                'content' => json_encode( $data ),
                'header'=>  "Content-Type: application/json\r\n" .
                            "Accept: application/json\r\n" . 
                            "Authorization:key=".$serverKey
            )
        );

        $context  = stream_context_create( $options );
        $result = file_get_contents( "https://fcm.googleapis.com/fcm/send", false, $context );
        return json_decode( $result );
    }
    return false;
}

Solution 4

You can use Postman instead. Open Postman extension in chrome and use the POST url https://fcm.googleapis.com/fcm/send.

Solution 5

function MultiandroidNotification($deviceToken, $message,$type,$title=null,$sub_title=null,$device_type=null,$data = null,$content_available = null)
{

    if($content_available == 1){
        $content_available = false;
    }else{
        $content_available =  true;
    }
    if($type == 12 || $type == 13){
        $priority = '';
    }else{
        $priority = 'high';
    }

    $deviceToken = array_values($deviceToken);
    $no = null;

    $apiKey = 'XXXXXXXXXXXXXXXXXXXXXX';

    $notification = array("text" => "test",'badge' => "1",'sound' => 'shutter.wav','body'=>$message,'icon'=>'notif_icn','title'=>$title,'priority'=>'high','tag'=>'test','vibrate'=> 1,'alert'=> $message);

    $msg = array('message'=> $message,'title'=> $title,'sub_title'=> $sub_title,'type'=>$type,'activitydata' => $data);

    if($device_type == 'android'){
        $fields = array("content_available" => true,"priority" => "high",'registration_ids'=> $deviceToken,'data'=> $msg);
    }else{
        $fields = array('notification' => $notification,"content_available" => $content_available,"priority" => $priority,'registration_ids'=> $deviceToken,'data'=> $msg);
    }

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

    if ($headers){
        $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_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($fields));
        $response = curl_exec($ch);
    }
        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        if (curl_errno($ch)) {
            return false; //probably you want to return false
        }
        if ($httpCode != 200) {
            return false; //probably you want to return false
        }
        curl_close($ch);
        return $response;
}

View more solutions

Comments

[Manoj Perumarath]

use a postman. :)

[AL.]

You should have a look at Cloud Functions for Firebase. Specifically at Realtime Database Triggers.

[Ritu]

@AL.my server don't support Npm

[Suresh Kamrushi]

A detail blog : sforsuresh.in/…

[Fefar Ravi]

May be this link very helpful: send push notifications using firebase cloud messaging.

[meda]

fetch data from your database, and build that playload message thats all

[AmarjaPatil4]

@meda I had a question... In this case what will be the server key if I want to send a notification to ios device? Or how to use pem file to send a notification to ios device?

[Ritu]

App side notification working fine i checked through FCM console

[Vishnu T Asok]

Shows "Error=MissingRegistration".

[Shawkat Alam]

How to add multiple device id or registration id in to

[Riajul Islam]

Make an array of your device token $token = ["device_token_1", "device_token_2"] or $token = array("device_token_1", "device_token_2")

[Shawkat Alam]

Thanks for the reply , and we need to change the parameter to "registration_ids" else , it will show error

[Riajul Islam]

I think no problem with variable name but "registration_ids" is standard for FCM. thanks @ShawkatAlam

[andrea.somovigo]

Hello, I've followed so many examples like yours but I don't receive any notification, neither the notification get listed in firebase console, even if the CURL response is positive.. status: 200 string(143) "{"multicast_id":8573812091209374332,"success":1,"failure":0‌​,"canonical_ids":0,"‌​results":[{"message_‌​id":"0:1550852694105‌​682%0762e9f8f9fd7ecd‌​"}]}" when I send it via firebase console to the same device token it works , any idea? device token got from firebase cloud firestore

[Nishant Saini]

@RiajulIslam iam getting invalid registration id error

[Riajul Islam]

@NishantSaini Invalid Registration ID Check the formatting of the registration ID that you pass to the server. Make sure it matches the registration ID the phone receives in the com.google.firebase.INSTANCE_ID_EVENT intent and that you're not truncating it or adding additional characters. Happens when error code is InvalidRegistration.

[Lawrence Cheuk]

@VishnuTasok I was getting this error, too. turn out it is the header not setting properly, if you use POSTMAN, u must choose raw in the body and select JSON(application/json) from the dropdown menu next to the raw radio button. IT WILL THEN OVERWRITE YOUR HEADER. So even you entered the header in the header tab, a wrong setting in body tab will get your header overwritten in POSTMAN.

[Jignesh Ansodariya]

@meda I am troubleshooting an issue I face in one of my apps and wanted to know that the above-mentioned approach falls in which category from this list firebase.google.com/docs/cloud-messaging/…

[sirmagid]

very nice digipaz

[blank94]

it returns message id but nothing happens in registered devices into a topic, I'm sure that the device registration is right because it works when I send a notification manually from firebase console

[saber tabatabaee yazdi]

how do i send my deeplink to open my custom intent in android

[Aman Deep]

Getting error : {"multicast_id":132596829075065854,"success":0,"failure":1,"‌​canonical_ids":0,"re‌​sults":[{"error":"In‌​validParameters: The data field in the request can not contain duplicate keys."}]}

[Kamlesh]

@meda meda how to send channel_id in http request? Kindly suggest. Thanks.

[meda]

@Kamlesh anything extra goes under the data key as indicated in my post data => ['channel_id'=>123]

[Kamlesh]

'sound' => 'default' not worked for me. I did not hear any sound when received notification. Any suggestion? Thanks