V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
firhome
V2EX  ›  程序员

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

  •  
  •   firhome · 65 天前 · 2432 次点击
    这是一个创建于 65 天前的主题,其中的信息可能已经有所发展或是发生改变。
    页面需要推送提醒,接入了 webscoket

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

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


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

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

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

    @des 那是之前实现有 bug ,停用了一段时间而已
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1956 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 272ms · UTC 15:36 · PVG 23:36 · LAX 08:36 · JFK 11:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.