4

Ich möchte eine Messaging-App für das Internet mit Google Firebase erstellen. In dieser App sollte ein Benutzer Nachrichten an andere Benutzer senden und von diesen empfangen. Ich habe die Firebase-Website von Google überprüft, aber ich bin verloren gegangen. Kannst du mir sagen, wo ich anfangen soll? Können Sie mir Tutorials oder Ähnliches zum Firebase-Web-Messaging zeigen? Ich freue mich über Vorschläge. Vielen Dank.Firebase Cloud Messaging für das Web

Antwort

3

FCM (Firebase Cloud Messaging) kann nur mit Android, iOS und Web (angegebenes Google Chrome) implementiert werden. Um die Web-Anwendung für alle Browser zu verwenden, müssen wir die Firebase-Datenbank implementieren. Sie können sehen, diese implementation of firebase database

+0

@Qualwebs können wir Googles Push-Benachrichtigung für Chrome-Websites mit Firebase verwenden. Was ist der Hauptunterschied zwischen Google Cloud-Messaging Push-Benachrichtigungen für Web vs Google Firebase Push-Benachrichtigungen. Wir möchten Push-Benachrichtigungen für Websites mit Google Push-Benachrichtigungen senden und Firebase ist das möglich? – Rams

+0

Sie können hier starten: https://firebase.google.com/docs/cloud-messaging/chrome/client –

+0

FCM unterstützt Chrome: 50 + Firefox: 44 + Opera Mobile: 37 + https://firebase.google .com/docs/cloud-messaging/js/client – Buddhi

2

Sie auch Firebase Cloud Messaging für Web mit JQuery wie verwenden:

$("#button").click(function(){ 

    var json = { 
    "to": "dBbB2BFT-VY:APA91bHrvgfXbZa-K5eg9vVdUkIsHbMCwHRVc8dBAvoH_3ZxxxxxVVeMXP7Bm0iera5s37ChHmAVh29P8aAVa8HF0I0goZKPYdGT6lNl4MXN0na7xbmvF25c4ZLl0JkCDm_saXb51Vrte", 
    "notification": { 
     "title": "Push enviado com JQuery", 
     "body": "Corpo de mensagem web!" 
    }, 
    "data": { 
     "titulo": "Título da mensagem de dados!", 
     "descricao": "Corpo dos dados..." 
    } 
    }; 

    $.ajax({ 
    url: 'https://fcm.googleapis.com/fcm/send', 
    type: "POST", 
    processData : false, 
    beforeSend: function (xhr) { 
     xhr.setRequestHeader('Content-Type', 'application/json'); 
     xhr.setRequestHeader('Authorization', 'key=AIzaSyBShxxxxXevRq0trDbA9mhnY_2jqMoeChA'); 
    }, 
    data: JSON.stringify(json), 
    success: function() { 
     console.log("Mensagem enviada com sucesso!"); 
    }, 
    error: function(error) { 
     console.log(error); 
    } 
    }); 
}); 
+0

Laut der Firebase-Dokumentation "Senden Sie diese Art von Anfrage niemals vom Client, wegen der Empfindlichkeit des Serverschlüssels." –

+0

Kann ich diesen Ansatz auch im Netscape Navigator verwenden? – torazaburo