多开如何保持一个 ws 连接呢？

[firhome]

页面需要推送提醒，接入了 webscoket

但是问题来了，如果用户新窗口打开页面 又会创建一个 webscoket 连接，后端说最大连接数有限制。

请问如何让用户 多开的情况下 只保持一个连接呢？


我想到的办法是浏览器端 通过 BroadcastChannel 来实现。已经创建了 ws ，新窗口打开后就不创建了。通过 BroadcastChannel 来使得窗口直接数据交互

不知道这样是否可行？

[monstervivi]

使用缓存，key = uniqueId (保证每个用户对应一个如用户 ID), value = 连接。

[BBCCBB]

后端来控制, 根据 uid/唯一标识关掉之前的 /限制新连接创建

[monstervivi]

@monstervivi 这里说的是后端建立 ws 连接的逻辑

[li746224]

浏览器指纹

[zhuweiyou]

应该解决 "后端说最大连接数有限制" 这个问题, 不然用户多了不一样挂?

[shanghai1998]

我们是页面隐藏 ws 关、显示 ws 重连，简单好用

[wobuhuicode]

最简单的的做法就是前端 cookies 带个 ID 就好了

[firhome]

@BBCCBB 这样会有问题吧。 那样 新窗口的页面连接了。 旧的页面 就不连了？ 那用户关闭新窗口 旧的通知就无法触达了

[firhome]

@shanghai1998 能具体说说吗？ 也是通过我说的那个 BroadcastChannel 来实现的吧

[westoy]

简单粗暴点好， 直接随机一个泛解析的二级域名

[oott123]

你自己都说 BroadcastChannel 了，这方案应该是对后端和对用户来说体验都最好的，只看你乐不乐意写一吨代码来换这个最好了。

[learningman]

能不能用这个
https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
把不可见的窗口的连接关掉，一般来说用户最顶层只有一个窗口，也就变相实现了

[zmaplex]

激活页面保持 ws 连接，非激活页面暂停或者断开 ws 连接。在前端抽象出一层消息处理 API ，比如 ws 收到消息往 localstorage 写消息，其他页面定时（ 1s ）从 localstorage 取消息。

[iseki]

开个 SharedWorker 行不行

[wgjtyu]

如果说的多开是指一个浏览器的多个 tab ，可以试试 SharedWorker 。https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker

[westoy]

@wgjtyu

这坑我踩过， 移动端支持一塌糊涂........

[kongkx]

worker 或者 broadcast channel 甚至 localstorage 都可以试试。 反正都是解决 tab 之间的通讯，然后管理连接的问题

[des]

@wgjtyu 我记得 SharedWorker 是不推荐使用了？

[monexus]

目前只有 Shared Worker 能很好的满足这个需求
GitHub 也是用 Shared Worker 建立 WebScoket
除了手机上兼容差点，可以 fallback 到原本的方式

@des 那是之前实现有 bug ，停用了一段时间而已