Umsetzung FB Cloud Messaging auf Web-server

wie Sie geschrieben haben, dass Sie planen, um Benachrichtigungen auf allen drei Plattformen, android, iOS, und eine client-side-web-app.
Sie können Feuerstellung zu erhalten Echtzeit-Benachrichtigungen oder die gewünschten Daten, das ist gut, aber Sie haben, damit diese in Ihrem Geist, jeder hat ein etwas anderes Verfahren, um dies zu erreichen im Vergleich zu jedem anderen.
Sehr zuerst müssen Sie wählen Sie eine der ein und starten die Umsetzung.
Beginnen wir mit der beginnen...

Einen gemeinsamen Prozess für die Verwendung von FB in eine eigene Anwendung zu erstellen, ein Projekt in https://console.firebase.google.com/ .

Nach dem erstellen eines Projekts werden Sie in der Lage, um zu sehen, die FB-Schlüssel, der in der Anwendung verwendet werden. Sie können sehen, dass dies bei https://console.firebase.google.com/project/project-%5Byour_project_number%5D/übersicht.

Ich hoffe, Sie haben es bereits getan, aber vergessen Sie nicht die Erlaubnis, Datenbank-und Storage bei https://console.firebase.google.com/project/project-%5Byour_project_number%5D/Datenbank/Regeln und https://console.firebase.google.com/project/project-%5Byour_project_number%5D/storage/Regeln.

Für die Datenbank nur lassen Sie dieses...

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

Für die Lagerung nur verlassen Sie diese...

service firebase.storage {
  match /b/project-[your_project_number].appspot.com/o {
    match /{allPaths=**} {
      allow read, write;
    }
  }
}

Es wird festgelegt, dass Sie können verwenden Sie es in der öffentlichkeit keine Notwendigkeit, jede verifaction auf FB Ende. Wenn Sie möchten, fügen Sie jede Art von überprüfung kann man durch https://console.firebase.google.com/project/project-%5Byour_project_number%5D/Authentifizierung/Anbieter .

Starten Sie jetzt mit dem SERVER, um WEB-APPLIKATION Benachrichtigung. Zunächst möchte ich Sie wissen lassen, FCM (FB cloud messaging) umgesetzt werden kann mit Android, iOS und web(Angabe Google Chrome) nur. Also, um es auf alle browser, die wir implementieren müssen, um die FB-Datenbank.
Bei der js-Seite. Sie haben, um so etwas wie, was Sie gesehen haben, im Überblick.

<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>
<script>
  //Initialize Firebase
  var config = {
    apiKey: "your_api_key",
    authDomain: "project-[your_project_number].firebaseapp.com",
    databaseURL: "https://project-[your_project_number].firebaseio.com",
    storageBucket: "project-[your_project_number].appspot.com",
  };
  firebase.initializeApp(config);
</script>

Auf der server-Seite für das auslösen eines Ereignis oder eine Benachrichtigung, die Sie verwenden können CURL. Wie Sie erwähnt haben, dass Sie mit Node.js also das https://firebase.google.com/docs/server/setup#add_firebase_to_your_app kann Ihnen helfen.
Ich habe es erreicht durch die Anwendung CURL serverseitig auf PHP mit CodeIgniter. Ich füge den folgenden code ein. Sehen Sie die CURL Beispiel hier https://firebase.google.com/docs/database/rest/save-data#section-put

<?php 
if (!defined('BASEPATH')) exit('No direct script access allowed');

//PHP CURL FOR NOTIFICATION
function booking_notification($notif_arr, $notif_type)
{
    //GET CI 
    $CI =& get_instance();

    $url = 'put_your_firebase_database_url_here';
    $key = 'put_firebase_key';
    $notif_arr = {'Key':'values'};//THIS IS THE DATA WHAT YOU WILL NEED TO SHOW ON FRONT END TO NOTIFY
    $notif_type = 'notification'; //THIS IS THE NAME JSON WHICH WILL BE CREATED IF NOT EXIST AT FIREBASE DATABASE
    $headers = array(
       'Authorization: key=' . $key,
       'Content-Type: application/json'
   );

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url."/".$notif_type.".json");
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

   //Disabling SSL Certificate support temporarly
   curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

   curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($notif_arr));

   //Execute post
   $result = curl_exec($ch);

   if ($result === FALSE) {
       die('Curl failed: ' . curl_error($ch));
       //Close connection
       curl_close($ch);

       return FALSE;
   }
   else
   {
       //Close connection
       curl_close($ch);
       return TRUE;
   }
}

Lassen Sie uns nun sehen, wie wir die Benachrichtigung erhalten, wenn es ausgelöst wird von der server-Seite.

JAVASCRIPT

var fireBaseJSONref = firebase.database().ref().child("notification"); //BY THIS YOU CAN GET THE JSON OF FIREBASE DATABASE
fireBaseJSONref.on('child_added', function(snapshot) {
        if (!ignoreItems) {
            console.log(snapshot.val());//THIS WILL PRINT THE DATA WHAT YOU HAVE TRIGGERD FROM SERVER
        }
});
/* WHEN FIRST TIME ANY DATA SENT TO DATABASE OF FIREBASE AFTER PAGE LOAD */


fireBaseJSONref.once('value', function(snapshot) {ignoreItems = false}); //THIS WILL HELP YOU TO NOT TO CALL FOR PREVIOUSLY ADDED ITEM IN FIREBASE DATABASE. WHEN NEW DATA WILL BE ONLY THEN IT WILL CALL.

Dies wird Ihnen helfen, herauszufinden, wo Sie waren verwirrend. Lassen Sie mich wissen, wenn dies für Sie zu arbeiten, ich werde es verbessern für android und iOS auch.