文档章节

websocket web聊天室的多页面跨面问题

greki
 greki
发布于 2017/07/13 16:59
字数 195
阅读 467
收藏 1

一般能想到的有:

  1. 通过IFrame
  2. 通过web都做成单页
  3. 通过sharedworker(也解决不了多浏览器),但是不是所有浏览器都支持,参考limited browser support

参考:

      

         http://crossbario.com/blog/Websocket-Persistent-Connections/

    https://stackoverflow.com/questions/10886910/how-to-maintain-a-websockets-connection-            between-pages

最终认为可行方案:

      sharedworker支持的浏览器共享单个websocket连接,不支持的,每个页面开一个连接,客户端js配合服务端解决,推送目标和消息处理问题,需要处理如下问题。

  1. 一个用户的最大websocket连接数量要限制(服务端处理)
  2. 不同页面的消息处理问题(js处理:页面只处理自己感兴趣的消息)

 

© 著作权归作者所有

greki
粉丝 105
博文 109
码字总数 45236
作品 0
杭州
技术主管
私信 提问
基于 ThinkJS 的 WebSocket 通信详解

编者按:本文转载自 ThinkJS 知乎专栏。 前言 我们的项目是基于 ThinkJS + Vue 开发的,最近实现了一个多端实时同步数据的功能,所以想写一篇文章来介绍下如何在 ThinkJS 的项目中利用 WebS...

奇舞周刊
06/12
0
0
补习系列(20)-大话 WebSocket 与 "尬聊"的实现

[TOC] 一、聊聊 WebSocket 从HTML5技术流行至今,WebSocket已经有非常广泛的应用: 在线游戏,提供实时的操作交互体验 社交平台,与好友实时的私信对话 新闻动态,获得感兴趣的主题信息推送 ...

美码师
05/03
0
0
转发:websocket 通信协议介绍

websocket通信协议实现的是基于浏览器的原生socket,在客户端用JS即可轻松完成,前些 天都在学习websocket 协议(但实际上websocket 协议甚为简约),并且粗略的思考过websocket的对于下一代...

红薯
2010/06/02
4.6K
7
使用 HTML5 WebSocket 构建实时 Web 应用

作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 TCP ”之称的 WebSocket 格外吸引开发人员的注意。WebSo...

lyg945
2014/08/27
1K
3
Django使用Channels实现WebSocket--上篇

WebSocket - 开启通往新世界的大门 WebSocket是什么? WebSocket是一种在单个TCP连接上进行全双工通讯的协议。WebSocket允许服务端主动向客户端推送数据。在WebSocket协议中,客户端浏览器和...

运维咖啡吧
04/17
213
0

没有更多内容

加载失败,请刷新页面

加载更多

zk中选举Leader时的网络IO QuorumCnxManager解析

每台服务启动过程中,会启动一个QuorumCnxManager,负责各台服务器之间底层Leader选举过程中的网络通信 当集群中有服务器服务中断时,zk会重新选举leader 内部类 Message定义消息结构 包含了...

writeademo
29分钟前
4
0
使用mdBook 替代 gitbook。

为什么要替代gitbook gitbook 有个模板问题:如果md文件中有连续的大括号(比如:&{{父亲 40}}),gitbook会把{{ 父亲 40 }}中的父亲 40当做一个模板变量。如果这个变量不存在,会报错 Temp...

王坤charlie
32分钟前
4
0
TL-A7HSAD采集卡硬件的处理器、NOR FLASH、DDR3

TL-A7HSAD是一款由广州创龙基于Xilinx Artix-7系列FPGA自主研发的高速数据采集卡,可配套广州创龙TMS320C6655、TMS320C6657、TMS320C6678开发板使用。该采集卡包含1个双通道250MSPS*12Bit的高...

Tronlong创龙
44分钟前
4
0
项目启动报fastjson版本可能过低

进行项目启动的过程中,之前都正常,这次启动突然就失败了: 查看日志说的是版本过低,后来查看官方网站版本,替换了最新版本: 选择了最新版本的1.2.60,1.2.62尝试后都不行,后来查看网上搜...

aiChuang
44分钟前
4
0
McDonald’s is using Alexa and Google to accepting job applications

McDonald’s today announced a new initiative the fast food chain is calling the “Apply Thru,” in which owners of Amazon Alexa or Google Assistant devices can begin job applic......

wowloop
48分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部