4

Je souhaite créer une application de messagerie pour le Web à l'aide de Firebase de Google. Dans cette application, un utilisateur doit envoyer et recevoir des messages à/d'autres utilisateurs. J'ai vérifié le site Web Firebase de Google, mais je me suis perdu. Pouvez-vous me dire par où commencer? Pouvez-vous me montrer un tutoriel ou quelque chose comme ça lié à la messagerie Web Firebase? J'accueille toutes les suggestions. Merci.Firebase Cloud Messaging pour le Web

Répondre

3

FCM (Firebase Cloud Messaging) peut être implémenté avec Android, iOS et Web (spécifié Google Chrome) uniquement. Donc, pour l'utiliser sur une application web pour tous les navigateurs, nous devons implémenter la base de données firebase. Vous pouvez voir ce implementation of firebase database

+0

@Qualwebs pouvons-nous utiliser la notification push de google pour les sites web de chrome avec firebase. Quelle est la principale différence entre les notifications push de messagerie google cloud pour les notifications push Web vs google firebase. Nous voulons envoyer des notifications push pour les sites Web en utilisant des notifications push google et Firebase est-ce possible? – Rams

+0

Vous pouvez commencer ici: https://firebase.google.com/docs/cloud-messaging/chrome/client –

+0

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

2

Vous pouvez également utiliser Firebase Cloud Messaging pour Web avec Jquery comme:

$("#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

Selon la documentation de Firebase "Ne jamais envoyer ce type de requête du client, à cause de la sensibilité de la clé du serveur." –

+0

Puis-je également utiliser cette approche dans Netscape Navigator? – torazaburo