文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Web端即时通讯技术盘点：短轮询、Comet、Websocket、SSE

Comet：一种hack技术 以即时通信为代表的web应用程序对数据的Low Latency要求，传统的基于轮询的方式已经无法满足，而且也会带来不好的用户体验。...典型的Ajax通信方式也是http协议的经典使用方式，要想取得数据，必须首先发送请求。在Low Latency要求比较高的web应用中，只能增加服务器请求的频率。...从服务端向客户端传输数据的性能如何？如果是文本数据而非二进制数据（如前文所提到的），SSE和WebSocket没什么区别。它们都用TCP/IP套接字，都是轻量级协议。...一个SSE连接不仅使用一个套接字，还会占用一个Apache线程或进程，如果用PHP，它会为这个连接专门创建一个PHP新实例。Apache和PHP会使用大量的内存，这会限制服务器所能支持的并行连接数。...依惯例，每当需要双向套接字时，就会用到Flash，并且WebSocket的向后兼容通常是用Flash来做，这已经相当复杂了，如果浏览器上没有Flash，情况更糟。

3.2K50

SSE(Server-Sent Events):替代websocket完成服务器推送

草案的不断完善，越来越多的现代浏览器开始全面支持WebSocket技术了，它将TCP的Socket（套接字）应用在了webpage上，从而使通信双方建立起一个保持在活动状态连接通道。...但你可能不知道，HTML5中有一个轻量的替代Websocket的方案：SSE（Server-Sent Events）。...WebSocket 和 SSE 都是传统请求-响应 Web 架构的替代方案，但它们不是完全冲突的技术。 WebSocket 架构在客户端与服务器之间打开一个套接字，用于实现全双工（双向）通信。...无需发送 GET 消息并等待服务器响应，客户端只需监听该套接字，接收服务器更新，并使用收到的数据来发起或支持各种交互。 客户端也可以使用套接字与服务器通信，例如在成功收到更新时发送 ACK 消息。...SSE 是一种更简单的标准，是作为 HTML5 的扩展而开发的。 尽管 SSE 支持从服务器向客户端发送异步消息，但客户端无法向服务器发送消息。

4.8K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    WebSocket与消息推送

    B/S结构的软件项目中有时客户端需要实时的获得服务器消息，但默认HTTP协议只支持请求响应模式，这样做可以简化Web服务器，减少服务器的负担，加快响应速度，因为服务器不需要与客户端长时间建立一个通信链接...一、Socket简介 Socket又称"套接字"，应用程序通常通过"套接字"向网络发出请求或者应答网络请求。Socket的英文原义是“孔”或“插座”，作为UNIX的进程通信机制。...HTTP协议决定了服务器与客户端之间的连接方式，无法直接实现消息推送（F5已坏）,一些变相的解决办法： 双向通信与消息推送 轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接...长轮询：客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。 ...在Web网页与服务器端间建立Socket连接，当WebSockets可用时（即浏览器支持Html5）SignalR使用WebSockets，当不支持时SignalR将使用长轮询来保证达到相同效果。

    6.6K51

    HTML5 学习总结（五）——WebSocket与消息推送

    B/S结构的软件项目中有时客户端需要实时的获得服务器消息，但默认HTTP协议只支持请求响应模式，这样做可以简化Web服务器，减少服务器的负担，加快响应速度，因为服务器不需要与客户端长时间建立一个通信链接...一、Socket简介 Socket又称"套接字"，应用程序通常通过"套接字"向网络发出请求或者应答网络请求。Socket的英文原义是“孔”或“插座”，作为UNIX的进程通信机制。...HTTP协议决定了服务器与客户端之间的连接方式，无法直接实现消息推送（F5已坏）,一些变相的解决办法： 双向通信与消息推送 轮询：客户端定时向服务器发送Ajax请求，服务器接到请求后马上返回响应信息并关闭连接...长轮询：客户端向服务器发送Ajax请求，服务器接到请求后hold住连接，直到有新消息才返回响应信息并关闭连接，客户端处理完响应信息后再向服务器发送新的请求。 ...在Web网页与服务器端间建立Socket连接，当WebSockets可用时（即浏览器支持Html5）SignalR使用WebSockets，当不支持时SignalR将使用长轮询来保证达到相同效果。

    3.4K80

    实时Web与WebSocket实践

    后来有人提出了AJAX，AJAX使得页面的体验更加“动态”，可以在后台发起到服务器的请求。但是，如果服务器有更多数据需要推送到客户端，在页面加载完成后是无法实现直接将数据从服务器发送给客户端的。...下面这段话出自Google的Ian Hickson，HTML5规范小组负责人，它是这样描述WebSocket的： 将千字节的数据降为2字节……并将延时从150毫秒降为50毫秒，这种优化跨越了不止一个量级...可以使用WebSocket类来实例化一个新的套接字（socket），这需要传入服务器的端地址，在这个例子中是ws://example.com： var socket = new WebSocket("ws...://example.com"); 然后我们需要给这个套接字添加事件监听 ： // 建立连接 socket.onopen = function(){ /* ... */ } // 通过连接发送了一些新数据...诚然，如果连接无法快速建立，则迅速优雅降级使用Comet和轮询的方式来处理。 那么，如何选择服务器端的解决方案呢？

    1.2K10

    Web端服务器推送技术

    套接字与服务器建立持久连接，服务器能实时地将更新的信息传送到客户端，而无须客户端发出请求。...将传统的方法迁移到Web上，首先考虑的是如何在功能有限的浏览器端接收、处理信息： 客户端如何接收、处理信息，是否需要使用套接口或是使用远程调用。...客户端呈现给用户的是 HTML 页面还是 Java applet 或 Flash 窗口。如果使用套接口和远程调用，怎么和 JavaScript 结合修改 HTML 的显示。...（5）AJAX 的长轮询（long-polling）方式-通过在HTTP的Response Header中设置KeepAlive参数可以让浏览器客户端和服务器保持较长的一段时间通信，与单纯使用AJAX...，在收到服务器端返回的信息后，无法通过 JavaScript 去更新 HTML 页面的内容，已经渐渐退出了历史舞台。

    2.2K30

    新时期的.NET程序员学习路线图

    代码生成器技术 Js高级 Js作用域链 Js面向对象 Js闭包 Jquery JQuery对象 选择器 筛选器 JQuery方法和属性 视频下载： .Net中级技术视频 ASP.NET开发 黑马Web...服务器 多线程/套接字 多人聊天程序 Http协议 BS结构原理 黑马Web服务器 CSS+DIV ASP.NET开发 一般处理程序 ASP.NET运行机制 文件上传 WebForm原理 状态保持机制...ASP.Net核心原理 AJAX开发 AJAX原理 AJAX精彩案例 JqueryAjax 服务器控件 基本控件 控件与页面对象 复杂控件 企业常用技术 缓存/缓存依赖 进程外Session 请求管道过滤器...Pivot、全景视图、Toolkit） XNA（媒体库、摄像头、麦克风） 云端通讯 应用程序生命周期 Windows Phone项目 手机漫画软件 手机遥控电脑 手机地图 手机微博客户端 移动互联网开发 HTML5

    2.2K10

    WebSocket的JavaScript例子

    在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。...这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。...该通信取代了单个的TCP套接字，使用ws或wss协议，可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。...WebSocket的官方地址是：www.websocket.org，其中给出了一些样例，可以直接在线测试。Ajax技术很聪明的一点是没有设计要使用的方式。...，这样就不会阻塞UI，使得UI有更快的响应时间，得到更好的用户体验。

    85011

    使用 HTML5 WebSocket 构建实时 Web 应用

    Web 开发人员可以非常方便地使用 WebSocket 构建实时 web 应用，开发人员的手中从此又多了一柄神兵利器。...综合这几种方案，您会发现这些目前我们所使用的所谓的实时技术并不是真正的实时技术，它们只是在用 Ajax 方式来模拟实时的效果，在每次客户端和服务器端交互的时候都是一次 HTTP 的请求和应答的过程，而每一次的...WebSocket 服务器端实现 这个聊天服务器的实现和基于套接字的网络应用程序非常类似，首先是服务器端要启动一个套接字监听来自客户端的连接请求，关键的区别在于 WebSocket 服务器需要解析客户端的...一旦 WebSocket 连接通道建立以后，客户端和服务器端的交互就和普通的套接字网络应用程序是一样的了。...，都是一些常用的套接字编程的方式，我们就不多做解释了，您可以自行参阅本文的附件源代码文件。

    2.3K60

    WebSocket 与 Polling , Long-Polling , Streaming 的比较！

    HTML5 Web Sockets 相对于老的技术（在浏览器中模拟全双工连接的复杂技术）有了如此巨大的提升，以致于谷歌的 Ian Hickson(HTML5 说明书的总编)说： “将数据的千字节减少到2...HTML5 WebSocket 通訊协议 在 HTML5 规范的通信部分中定义，HTML5 Web Sockets 代表了全双工的网络交互的下一个演变 —— 一个全双工、双向的通信通道，通过 Web 上的单个套接字进行操作...HTML5 Web Sockets 提供了一个真正的标准，可以使用它来构建可扩展的实时 Web 应用程序。此外，由于它提供了浏览器本地的套接字，因此避免了 Comet 解决方案容易出现的许多问题。...这是大量不必要的网络吞吐量，要是我们能通过网络得到必要的数据就好了，此时就可以使用 HTML5 Web Sockets!...我重新构建了应用程序以使用 HTML5 Web Sockets，在 Web 页面中添加了一个事件处理程序来异步侦听来来自于代理的股票更新信息。 。

    3.7K30

    巨头们关注的实时Web：发展与相关技术

    后来有人提出了AJAX，AJAX使得页面的体验更加“动态”，可以在后台发起到服务器的请求。但是，如果服务器有更多数据需要推送到客户端，在页面加载完成后是无法实现直接将数据从服务器发送给客户端的。...下面这段话出自Google的Ian Hickson，HTML5规范小组负责人，它是这样描述WebSocket的： “将千字节的数据降为2字节……并将延时从150毫秒降为50毫秒，这种优化跨越了不止一个量级...可以使用WebSocket类来实例化一个新的套接字（socket），这需要传入服务器的端地址，在这个例子中是ws://example.com： ? 然后我们需要给这个套接字添加事件监听 ： ?...诚然，如果连接无法快速建立，则迅速优雅降级使用Comet和轮询的方式来处理。 那么，如何选择服务器端的解决方案呢？...然而，从发起请求的时刻开始，到获得响应并更新至聊天记录，会有几秒钟的延时。这会让应用看起来很慢，肯定会造成用户体验上的损失。 既然如此，为什么不直接在本地创建一个新记录呢？

    2.2K80

    HTML5 CSS3

    HTML5 Canvas 元素有什么用？ 答：Canvas 元素用于在网页上绘制图形，该元素标签强大之处在于可以直接在 HTML 上进行图形操作。 9. HTML5 存储类型有什么区别？...搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。 使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 30. HTML5的离线储存？...无法使用缓存文件（更新服务器上的文件或数据库） 2. 向服务器发送大量数据（POST 没有数据量限制） 3. 发送包含未知字符的用户输入时，POST 比GET 更稳定也更可靠 9、ajax 是什么?...这能使浏览器获得请求对应的 IP 地址。 2. 浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP 连接。...伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。

    4.2K40

    HTML5学习-day02【悟空教程】

    ()方法：新增状态 history.replaceState()方法：替换状态 window.onpopstate事件：得到状态 HTML5 history API有什么用呢？...为什么用Ajax？ 用Ajax实现翻页等内容切换是有原因的。...不过，JavaScript修改location的除hash外的任意属性，页面都会以新URL重新加载。而唯一不引发刷新的hash参数并不会发送到服务器，因此服务器无法获得状态。...现在可以在不刷新的状况下操作浏览器地址栏和历史记录了，那同一站点的普通链接跳转是否都可以转变为Ajax来提升使用体验？是的，而且已经有了pjax[]这些专门完成这个功能的作品。...不只是翻页，HTML5 history API将尤其适合用在大量使用Ajax、包含多个视图的单页应用。

    2.2K30

    SpringBoot入门建站全系列（三十七）WebSSE做简单的聊天室

    ，越来越多的现代浏览器开始全面支持WebSocket技术了，它将TCP的Socket（套接字）应用在了webpage上，从而使通信双方建立起一个保持在活动状态连接通道。...但你可能不知道，HTML5中有一个轻量的替代Websocket的方案：SSE（Server-Sent Events）。...WebSocket 和 SSE 都是传统请求-响应 Web 架构的替代方案，但它们不是完全冲突的技术。 WebSocket 架构在客户端与服务器之间打开一个套接字，用于实现全双工（双向）通信。...无需发送 GET 消息并等待服务器响应，客户端只需监听该套接字，接收服务器更新，并使用收到的数据来发起或支持各种交互。 客户端也可以使用套接字与服务器通信，例如在成功收到更新时发送 ACK 消息。...SSE 是一种更简单的标准，是作为 HTML5 的扩展而开发的。 尽管 SSE 支持从服务器向客户端发送异步消息，但客户端无法向服务器发送消息。

    1.8K10

    WebSocket的运用

    WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。...现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。...HTML5 定义的 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。...当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据，下面我们用一个实例来示范一下。... // 与服务器进行通信的套接字/插座 var socket = null; connect.onclick

    92210

    Web前端开发推荐阅读书籍、学习课程下载

    前端相关视频教程：JS、SEO、AJAX、jQuery、AngularJs、HTML5、ionic、PS等优质教程。 希望这些学习资源，能够让读者知识技术有进一步积累提升。...2版 web前端-FE 《HTTP权威指南》高清中文版 Ajax实战 AJax与PHP基础教程 Ajax中文手册 W3School全套教程.CHM web前端标准在各浏览器中的差异 Web前端开发规范手册...网站结构与关键字的选择 页面内容及细节优化 SEO工作计划与效果监测 AJAX视频教程-传智播客 第一部分 Ajax是什么 Ajax原理图 无刷新验证用户名 返回XML如何处理 返回JSON如何处理...省市联动实例 黄金价格实时图实例 阶段小结 WEB版QQ多人聊天，带离线留言功能 第二部分 AJAX概述与IntelliJ安装 使用IntelliJ开发Web项目 用IntelliJ部署Web项目 准备...AJAX服务器端环境 准备AJAX客户端程序环境 使用FireBug调试javascript JQuery的应用与高级调试技巧 JQuery的总结与简化调用 各种Ajax框架的对比介绍 各种Ajax框架的对比介绍

    14.4K71

    你不可不知的WEB安全知识（第一部分：HTTPS, TLS, SSL, CORS, CSP）

    其他人不能访问数据，因为它使用TSL协议加密通信，我将在下一个主题中解释它。 HTTPS的工作原理 它使用称为传输层安全（TLS）的加密通信协议，前身称为安全套接字层（SSL）。...SSL 安全套接字层（SSL）是一种基于加密的Internet安全协议，它是Netscape公司于1995年为确保Internet连接的完整性和私密性而创建的，如今已将其命名为TLS。...TLS和SSL有什么区别 SSL是TSL的旧版本，在国际互联网工程任务组（IETF）继Netscape之后负责SSL的发展，其名称已更改，如今一些开发人员使用SSL和TLS来指代同一事物。...跨站脚本攻击（XSS）:它是一个漏洞，允许黑客网站中注入恶意代码，并且用于使客户端执行该代码以获取敏感数据（例如Cookie，会话信息和特定于站点的信息），这是因为Web应用未使用足够的验证或编码，用户的浏览器无法检测到恶意脚本不可信...总结 我希望我已经充分说明这个主题的重要性，并且向你解释了在这一广泛领域中进步和获得知识的第一步，并且我将在本系列中定期添加有关此主题的任何新信息，以便本系列的所有部分保持同步。

    1.6K31

    2016校招内推 -- 腾讯SNG前端 -- 面试经历

    套接字是工作在协议中的哪一层呢，有没有考虑到其他的通讯实现方式 　　应该是应用层吧（究竟是哪一层..)...balabla 又是浅显的认识 10.你js有经常使用么，了解得怎么样？ 　　应该蛮久了吧 11.ok那你能讲讲js的面向对象么 　　主要是基于原型实现的 12.嗯那它怎么实现继承？ 　　.../Last-Modifed 　　(然后被问到具体怎么用，组合使用还是单独用，Etag一般怎么生成，可惜我只看过而没实现过，所以又是跳坑） 17.你用ajax的时候有遇到过跨域问题么 　　谈到了常见的几种...　　还有HTML5的 PostMessage方法 18.你有经常使用CSS吧，水平垂直居中怎么实现？ 　　...（母鸡啊我想不粗来鸟..) 19.你对web攻击手段有了解么，web安全 　　讲了XSS的原理以及预防方法 　　讲了CSRF是大致原理（但这或实在了解不多，也没话了） 20.1000以内的质数，然你找出来

    1K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券