example - Firebase Cloud Messaging para web

firebase messaging background

Question

Quiero construir una aplicación de mensajería para la web usando Firebase de Google. En esta aplicación, un usuario debe enviar y recibir mensajes a / de otros usuarios. Revisé el sitio web de Firebase de Google pero me perdí. ¿Puedes decirme por dónde empezar? ¿Puedes mostrarme algún tutorial o algo así relacionado con los mensajes web de Firebase? Doy la bienvenida a cualquier sugerencia. Gracias.

Answer 1

FCM (mensajería en la nube de Firebase) se puede implementar solo con Android, iOS y la Web (especificado con Google Chrome). Entonces, para usarlo en aplicaciones web para todos los navegadores, debemos implementar la base de datos de firebase. Puede ver esta implementación de la base de datos de firebase

Answer 2

Firebase Cloud Messaging for Web ahora está oficialmente disponible para muchos navegadores.

Hemos escrito un blog sobre nuestra experiencia en implementarlo .

Answer 3

También puedes usar Firebase Cloud Messaging para web con Jquery como:

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