【问题标题】: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 为网站发送推送通知,这可能吗?
      • 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 (我使用身份验证来登录用户,使用实时数据库来获取消息并将消息发送到数据库。它还实时更新)

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2021-08-24
        • 2018-06-27
        • 2019-07-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多