页面关闭后无法在服务人员中维护 websocket

Question

我在 service-worker 中使用 websocket。它在网页打开时运行良好，但如果网页关闭，websocket 会断开连接并停止工作，这让我很困惑。

其实因为在中国，我无法使用google FCM和PUSH api，所以我想使用websocket来推送消息。

我的程序是在 Create-react-app 下构建的

//serviceWorker.js
const WebSocketConnect = () => {
  let ws = new WebSocket("ws://127.0.0.1:8000/ws/news/")
  ws.onopen = function() {
      setInterval(() => {
          if ( 'readyState' in ws && ws.readyState === 1 ) {
              ws.send('Hay')
          }
      }, 5000)
  }

  ws.onmessage = function(e) {
      console.log('Message:', e.data)
  }

  ws.onclose = function(CloseEvent) {
      ws.close()
      console.log(`Socket is clossed, code: ${CloseEvent.code} - reason: ${CloseEvent.reason}`)
      setTimeout(() => {
          WebSocketConnect()
      }, 3000)
  }

  ws.onerror = function(err) {
      console.log(err)
      //console.error('Socket encountered error: ', err.message, 'Closing socket')
      ws.close()
  }
}

WebSocketConnect()

Answer 1

您的服务工作者很可能正在停止并且正在关闭 WebSocket。

浏览器限制服务工作者脚本在关闭之前可以运行多长时间。处理 FetchEvent、MessageEvent、PushEvent 等事件将唤醒 worker 并允许其运行，直到事件被处理。大多数浏览器会在服务工作线程空闲大约 30 秒后停止。

浏览器也会在一段时间后超时通过 waitUntil() 保持打开的事件以停止工作程序。在大多数浏览器中，这些超时通常会在大约 5 分钟后发生。

当网站没有打开的窗口时，浏览器通常会更努力地停止服务工作线程，因为在后台运行可能会被滥用。

我不相信 Web 平台目前有能力在不打开站点窗口的情况下在后台连续运行 WebSocket 之类的东西。