【JS 】SharedWorker 优化前端轮询哀求

手机游戏开发者 · 2024-9-20 14:02:34

1. 配景

现在公司体系首页存在一个定时的轮询哀求/Admin/Dashboard/GetAppRelaseNotice，包含一些必要及时反映在前端的操纵（如：页面版本，站内信，页面设置更新等）

标题很显着，单个页面的情况下，每分钟会发送一次哀求；
但如果同时打开多个tab，每个tab每分钟都会发送一次哀求
2. 思绪

针对这个情况，可以使用 SharedWorker + BroadcastChannel 来实现多个tab共用一个后台使命的情况，淘汰后端服务器压力的同时也可以提升部门前端的性能；

SharedWorker：接口代表一种特定范例的 worker，可以从几个浏览上下文中访问。
BroadcastChannel：接口署理了一个定名频道。它允许同源的差别浏览器窗口下的差别文档之间相互通讯。

使用SharedWorker将哀求使命移至后台轮询，多页面共享
通过BroadcastChannel通知全部页面哀求效果
兼容不支持 SharedWorker 的浏览器

3. 编码

3.1 使用SharedWorker将哀求使命移至后台轮询，多页面共

建立一个后台使命js文件 GetAppRelaseNotice.js

【JS 】SharedWorker 优化前端轮询哀求

所属分类: 问答交流

新帖推荐: 30日

推荐作品