用于 Web 的 Firebase 云消息传递答案

【问题标题】：Firebase Cloud Messaging for web用于 Web 的 Firebase 云消息传递
【发布时间】：2020-10-10 16:48:41
【问题描述】：

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

【问题讨论】：

标签： firebase google-cloud-messaging messaging firebase-realtime-database firebase-cloud-messaging

【解决方案1】：

Firebase Cloud Messaging for Web 现在适用于许多浏览器的officially available。

我们已经写了blogpost about our experience implementing it。

【讨论】：

【解决方案2】：

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

【讨论】：

@Qualwebs 我们可以将谷歌的推送通知用于带有 firebase 的 chrome 网站吗？用于网络的谷歌云消息推送通知与谷歌 Firebase 推送通知之间的主要区别是什么。我们想使用 google 推送通知和 firebase 为网站发送推送通知，这可能吗？
你可以从这里开始：firebase.google.com/docs/cloud-messaging/chrome/client
FCM 支持 Chrome：50+ Firefox：44+ Opera Mobile：37+ firebase.google.com/docs/cloud-messaging/js/client
嗨，我已经在 Android、Chrome 上完成了一个网络应用程序，并且能够收到通知。是否可以对 Safari、iOS 使用相同的实现？还是需要更改代码？
你很困惑。 “Firebase 数据库”与此无关。

【解决方案3】：

您还可以将 Firebase Cloud Messaging for 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);
    }
  });
});

【讨论】：

根据firebase文档“永远不要从客户端发送这种类型的请求，因为服务器密钥的敏感性。”
我也可以在 Netscape Navigator 中使用这种方法吗？

【解决方案4】：

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

【讨论】：