Firebase云消息推送（FCM）适用于网络应用程序

Question

我想使用Google的Firebase构建一个Web消息应用程序。 在这个应用程序中，用户应该能够发送和接收来自其他用户的消息。 我查看了谷歌Firebase网站，但是迷失了方向。 你能告诉我从哪里开始吗？ 你能向我展示任何与Firebase Web消息相关的教程之类的东西吗？ 我欢迎任何建议。 谢谢。

- jason

Answer 1

Firebase云消息推送现已正式适用于许多浏览器，详情请参见官方发布。

我们撰写了一篇关于我们实施的博客文章。

- David Vávra

Answer 2

FCM（Firebase Cloud Messaging）仅可在Android、iOS和Web（指定Google Chrome）中实现。因此，要在所有浏览器上使用Web应用程序，我们必须实现Firebase数据库。您可以查看这个Firebase数据库的实现。

- Pritish Joshi

---

@Qualwebs，我们能否在使用Firebase时将Google的推送通知用于Chrome网站？Google云消息传递推送通知与Google Firebase推送通知之间的主要区别是什么？我们想要使用Google推送通知和Firebase发送网站推送通知，这是否可行？ - Rams

您可以从这里开始：https://firebase.google.com/docs/cloud-messaging/chrome/client - Arthur Thompson

FCM支持Chrome：50+ Firefox：44+ Opera Mobile：37+ https://firebase.google.com/docs/cloud-messaging/js/client - Buddhi

嗨，我已经在Android和Chrome上完成了一个Web应用程序，并且能够收到通知。是否可以在Safari和iOS上使用相同的实现？还是需要进行代码更改？ - PotatoJam

你非常困惑。“Firebase数据库”与这一点毫无关系。 - user9315861

Answer 3

您可以使用Firebase Cloud Messaging和Jquery一起在Web上使用，例如：

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

- gilbriatore

---

根据 Firebase 文档，“不要从客户端发送此类请求，因为服务器密钥的敏感性。” - g bas

我可以在网景浏览器中也使用这种方法吗？ - user9315861

Answer 4

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

- ShaheerDevOps