当应用程序在 Angular PWA 中处于后台时，如何确保 socket.io 不会关闭连接

如何解决当应用程序在 Angular PWA 中处于后台时，如何确保 socket.io 不会关闭连接

socket.on('new-notification',function(data) {

  let room_id = data.room_id;
  var receiver_id = data.receiver_id;
  var booking_request_id = data.booking_request_id;
  var message = {
    to: notification_payload,collapse_key: 'green',notification: {
      title: 'Tittle',body: "New message from  User",icon: site_url + 'assets/icons/icon- 72x72.png',sound: 'default',url: redirect_url,},data: {
      title: 'Tittle',}
  };

  fcm.send(message,function(err,response) {
    if (err) {
      console.log("Something has gone wrong!");
    } else {
      console.log("Successfully sent with response: ",response);
    }
  });
}
});
}
else {

}
}
});
});

我有一个 Angular PWA，它使用 Socket.io 节点和快速服务器，使用 Firebase 云消息传递进行实时消息传递和推送通知。消息传递工作正常，但问题是当用户离开应用程序时，他们将无法接收通知，而只能在应用程序上主动接收通知。我的假设是当用户离开应用程序时 Socket io 断开连接。那么有什么方法可以确保即使应用程序在后台运行，套接字也保持活动状态。 我附上了我的通知片段。您的帮助将不胜感激

解决方法

为此，您需要为 Angular 设置一个 Service Worker，当设备通常将应用置于睡眠模式时，它们会运行并保持您的应用处于活动状态以执行某些任务。

您可以遵循有关创建服务工作者的最新 Angular 文档HERE