用 Shared Workers减少 WebSocket 连接数

💡 原文中文,约3700字,阅读约需9分钟。
📝

内容提要

本文介绍了在浏览器工作线程中使用Pusher的方法,减少连接数并实现跨选项卡共享连接。提供了设置的分步指南,并介绍了网页和工作线程之间的通信。鼓励读者使用该技术构建实时应用程序,并欢迎新的贡献和建议。

🎯

关键要点

  • 文章介绍了如何在浏览器工作线程中使用Pusher,减少连接数并实现跨选项卡共享连接。

  • 通过共享工作线程,可以为每个浏览器窗口仅保留一个Websocket连接,降低连接数。

  • 提供了设置的分步指南,包括如何创建网页和工作线程之间的通信。

  • Web Worker是在单独线程中运行的JavaScript代码,独立于其他脚本并与DOM隔离。

  • 目前无法在工作线程中使用官方的PusherJS,但可以通过实验性的Pusher-websocket-iso消除对DOM的依赖。

  • 创建一个小应用程序,连接到Pusher并显示传入的消息,提供了具体的代码示例。

  • 通过SharedWorker API实现网页与工作线程的通信,使用postMessage函数发送消息。

  • 在Pusher调试控制台中可以看到连接情况,确保跨选项卡共享连接成功。

  • 鼓励读者使用该技术构建实时应用程序,并欢迎新的贡献和建议。

➡️

继续阅读