打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Long

在下面的示例中,客户端指的是浏览器,服务器指的是网站服务器主机。

为了更好的理解这些知识点,你应该简单了解典型的http网站是如何工作的。

普通的http:

  1. 客户端从服务器端请求网页
  2. 服务器作出相应的反应
  3. 服务器返回相应到客户端

AJAX Polling:

  1. 客户端使用普通的http方式向服务器端请求网页
  2. 客户端执行网页中的JavaScript轮询脚本,定期循环的向服务器发送请求(例如每5秒发送一次请求),获取信息
  3. 服务器对每次请求作出响应,并返回相应信息,就像正常的http请求一样

AJAX Long-Polling:

  1. 客户端使用普通的http方式向服务器端请求网页
  2. 客户端执行网页中的JavaScript脚本,向服务器发送数据、请求信息
  3. 服务器并不是立即就对客户端的请求作出响应,而是等待有效的更新
  4. 当信息是有效的更新时,服务器才会把数据推送给客户端
  5. 当客户端接收到服务器的通知时,立即会发送一个新的请求,进入到下一次的轮询

HTML5 Server Sent Events (SSE) / EventSource:

  1. 客户端使用普通的http方式向服务器端请求网页
  2. 客户端执行网页中的JavaScript脚本,与服务器之间建立了一个连接
  3. 当服务器端有有效的更新时,会发送一个事件到客户端
    • 服务器到客户端数据的实时推送,大多数内容是你需要的
    • 你需要一台可以做Event Loop的服务器
    • 不允许跨域的连接
    • 如果你觉得这些还不够,想要了解更多,可以参考下面的文件和手册
      Using server-sent events
      https://developer.mozilla.org/en-US/docs/Server-sent_events/Using_server-sent_events
      Server-Sent Events
      http://html5doctor.com/server-sent-events
      Stream Updates with Server-Sent Events
      http://www.html5rocks.com/en/tutorials/eventsource/basics/
      Tutorial: JSF 2 and HTML5 Server Sent Events
      http://jaxenter.com/tutorial-jsf-2-and-html5-server-sent-events-42932.html

HTML5 Websockets:

  1. 客户端使用普通的http方式向服务器端请求网页
  2. 客户端执行网页中的JavaScript脚本,与服务器之间建立了一个连接
  3. 服务器和客户端之间,可以双向的发送有效数据到对方
    • 服务器可以实时的发送数据到客户端,同时客户端也可以实时的发送数据到服务器
    • 你需要一台可以做Event Loop的服务器
    • 使用 WebSockets 允许跨域的建立连接
    • 它同样支持第三方的websocket主机服务器,例如Pusher或者其它。这样你只需要关心客户端的实现 ,降低了开发难度。
    • 如果你觉得这些还不够,想要了解更多,可以参考下面的文件和手册
      An Introduction To WebSockets
      http://www.developerfusion.com/article/143158/an-introduction-to-websockets/
      Writing WebSocket client applications
      https://developer.mozilla.org/en-US/docs/WebSockets/Writing_WebSocket_client_applications
      Start Using HTML5 WebSockets Today
      http://code.tutsplus.com/tutorials/start-using-html5-websockets-today--net-13270

WebRTC:

WebRTC是一种点对点类型的传输方式,它支持多种传输协议,如:UDP、TCP甚至是抽象层的协议。设计它时同时考虑到了允许使用可靠和不可靠的两种方式传输数据。这种技术一般应用在传输数据量较大的内容,比如音、视频等流媒体的传输。

Comet:

Comet是一种用于web的推送技术,能使服务器实时地将更新的信息传送到客户端,而无须客户端发出请求,目前有两种实现方式,长轮询iframe流。如果你想了解更多,可以参考维基百科或者IBM

Event Loop
Event Loop是一个程序结构,用于等待和发送消息和事件。
长轮询
长轮询是在打开一条连接以后保持,等待服务器推送来数据再关闭的方式。
iframe流

iframe流方式是在页面中插入一个隐藏的iframe,利用其src属性在服务器和客户端之间创建一条长链接,服务器向iframe传输数据(通常是HTML,内有负责插入信息的javascript),来实时更新页面。

iframe流方式的优点是浏览器兼容好,Google公司在一些产品中使用了iframe流,如Google Talk。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
盘点3个支持http3的爬虫库
WebSocket实战 | 新浪UED
GoogleMaps探秘
mormot支持websocket
Web端即时通讯技术盘点:短轮询、Comet、Websocket、SSE
一年三番五次修,卡巴斯基为何依然无法完美修复杀毒软件中的这些洞 (技术详情)?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服