• 请不要在回答技术问题时复制粘贴 AI 生成的内容
firhome
V2EX  ›  程序员

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

  •  
  •   firhome · Jul 31, 2022 · 4399 views
    This topic created in 1556 days ago, the information mentioned may be changed or developed.
    页面需要推送提醒,接入了 webscoket

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

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


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

    不知道这样是否可行?
    19 replies  •  2022-08-01 11:03:52 +08:00
    monstervivi
    monstervivi
    Jul 31, 2022 via iPhone
    1
    使用缓存,key = uniqueId (保证每个用户对应一个如用户 ID), value = 连接。
    BBCCBB
    BBCCBB
    Jul 31, 2022
    2
    后端来控制, 根据 uid/唯一标识关掉之前的 /限制新连接创建
    monstervivi
    monstervivi
    Jul 31, 2022 via iPhone
    3
    @monstervivi 这里说的是后端建立 ws 连接的逻辑
    MoozLee
    MoozLee
    Jul 31, 2022 via iPhone
    4
    浏览器指纹
    zhuweiyou
    zhuweiyou
    Jul 31, 2022
    5
    应该解决 "后端说最大连接数有限制" 这个问题, 不然用户多了不一样挂?
    C603H6r18Q1mSP9N
    C603H6r18Q1mSP9N
    Jul 31, 2022
    6
    我们是页面隐藏 ws 关、显示 ws 重连,简单好用
    wobuhuicode
    wobuhuicode
    Jul 31, 2022
    7
    最简单的的做法就是前端 cookies 带个 ID 就好了
    firhome
    firhome
    OP
    Jul 31, 2022
    8
    @BBCCBB 这样会有问题吧。 那样 新窗口的页面连接了。 旧的页面 就不连了? 那用户关闭新窗口 旧的通知就无法触达了
    firhome
    firhome
    OP
    Jul 31, 2022
    9
    @shanghai1998 能具体说说吗? 也是通过我说的那个 BroadcastChannel 来实现的吧
    westoy
    westoy
    Jul 31, 2022
    10
    简单粗暴点好, 直接随机一个泛解析的二级域名
    oott123
    oott123
    Jul 31, 2022
    11
    你自己都说 BroadcastChannel 了,这方案应该是对后端和对用户来说体验都最好的,只看你乐不乐意写一吨代码来换这个最好了。
    learningman
    learningman
    Jul 31, 2022 via Android
    12
    能不能用这个
    https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
    把不可见的窗口的连接关掉,一般来说用户最顶层只有一个窗口,也就变相实现了
    huangzhiyia
    huangzhiyia
    Jul 31, 2022
    13
    激活页面保持 ws 连接,非激活页面暂停或者断开 ws 连接。在前端抽象出一层消息处理 API ,比如 ws 收到消息往 localstorage 写消息,其他页面定时( 1s )从 localstorage 取消息。
    iseki
    iseki
    Jul 31, 2022 via Android
    14
    开个 SharedWorker 行不行
    wgjtyu
    wgjtyu
    Jul 31, 2022
    15
    如果说的多开是指一个浏览器的多个 tab ,可以试试 SharedWorker 。https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker
    westoy
    westoy
    Jul 31, 2022
    16
    @wgjtyu

    这坑我踩过, 移动端支持一塌糊涂........
    kongkx
    kongkx
    Jul 31, 2022 via iPhone
    17
    worker 或者 broadcast channel 甚至 localstorage 都可以试试。 反正都是解决 tab 之间的通讯,然后管理连接的问题
    des
    des
    Jul 31, 2022 via iPhone
    18
    @wgjtyu 我记得 SharedWorker 是不推荐使用了?
    monexus
    monexus
    Aug 1, 2022
    19
    目前只有 Shared Worker 能很好的满足这个需求
    GitHub 也是用 Shared Worker 建立 WebScoket
    除了手机上兼容差点,可以 fallback 到原本的方式

    @des 那是之前实现有 bug ,停用了一段时间而已
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3026 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 59ms · UTC 11:35 · PVG 19:35 · LAX 03:35 · JFK 06:35
    ♥ Do have faith in what you're doing.