用于网络的 Firebase 云消息传递

Question

我想使用 Google 的 Firebase 为 Web 构建一个消息传递应用程序。在此应用中，用户应向 to/from 其他用户发送和接收消息。我查看了 Google 的 Firebase 网站，但我迷路了。你能告诉我从哪里开始吗？你能告诉我任何与 Firebase 网络消息传递相关的教程或类似的东西吗？我欢迎任何建议。谢谢。

Answer 1

FCM（firebase 云消息传递）只能通过 Android、iOS 和网络（指定 Google Chrome）实现。因此，为了在所有浏览器的 Web 应用程序上使用它，我们必须实现 firebase 数据库。你可以看到这个implementation of firebase database

Answer 2

您还可以将 Firebase Cloud Messaging 用于 Web Jquery，例如：

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

Answer 3

适用于 Web 的 Firebase 云消息传递现在 officially available 适用于许多浏览器。

我们写了blogpost about our experience implementing it.

Answer 4

你可以在这里看到：https://github.com/ShaheerDev/RealtimeWebChatApp （我已经使用身份验证来登录用户，并使用 realtime-database 来获取消息并将消息发送到数据库。它还会实时更新）

用于网络的 Firebase 云消息传递

Firebase Cloud Messaging for web

messaging

firebase

google-cloud-messaging

firebase-realtime-database

firebase-cloud-messaging