选项卡未处于焦点时的 Firebase 通知

Question

我在我的网站上实现了一个 firebase 推送通知，我想在收到推送时触发一个功能并播放声音，当网页处于焦点时我的代码工作正常但是当它在后台时它只显示一个弹出窗口对于该通知并且该功能未触发

这是我的代码：

  messaging.onMessage(function(payload){
    $( "#reload" ).trigger( "click" );
    var audio = new Audio('************************.mp3');
    audio.play();
    console.log('onMessage',payload);

  });

Answer 1

从 Firebase 文档中的Handle messages when your web app is in the background ：

应用程序在后台时收到的所有消息都会触发浏览器中的显示通知。 您可以在来自您的应用服务器的发送请求中或使用客户端上的服务工作者逻辑为此通知指定选项，例如标题或点击操作。

您可以使用messaging.setBackgroundMessageHandler(...)为数据消息设置自己的后台处理程序。 但是该处理程序将在服务工作者中运行，因此无法播放声音。 有关这方面的示例，请参阅在服务工作者中设置通知选项。