基于WEB的实时通信方案

本文所讲述的『实时通信』主要围绕浏览器端和服务器端之间的实时通信。实时通信主要分3大类&＃xff1a;

1. Pull技术&＃xff0c;轮询(Polling)

客户端定时轮询请求&＃xff0c;服务器端立刻返回。

• 优点&＃xff1a;短链接&＃xff0c;服务器处理方便&＃xff0c;支持跨域。
• 缺点&＃xff1a;有一定延迟

2. Push&＃xff0c;反向Ajax(Reverse Ajax)或者叫Comet.

实现方式主要有2种&＃xff0c;长轮询(Long Polling)和 流推送(Comet Streaming)

2.1 长轮询(Long Polling)

长轮询有2种实现方式&＃xff1a;

2.1.1 XHR Long Polling

客户端发起一个XHR ajax request&＃xff0c;服务器不马上返回&＃xff0c;而是hold住这个connection&＃xff0c;直到有数据要push给客户端时&＃xff08;或time out&＃xff09;才发送response&＃xff1b;客户端收到response之后马上再发起一个新的request&＃xff0c;周而复始。

• 优点&＃xff1a;减少轮询&＃xff0c;低延迟, 各大浏览器均支持
• 缺点&＃xff1a;不可跨域&＃xff0c;服务器需要hold 住大量connection.

2.1.2 Script Tag Long Polling

原理跟XHR Long Polling类似&＃xff0c;只是结合long polling和jsonp&＃xff0c;用来支持跨域&＃xff08;cross-domain&＃xff09;请求。

• 优点&＃xff1a;减少轮询&＃xff0c;低延迟&＃xff0c;支持跨域&＃xff0c;各大浏览器均支持
• 缺点&＃xff1a;服务器需要hold 住大量connection.

2.2 流推送(Comet Streaming)

Comet Streaming又有2实现方法.

2.2.1 Multi-part XMLHttpRequestg

浏览器必须支持的 multi-part 标志&＃xff0c;通过XMLHttpRequest发出request&＃xff0c;服务器hold住这个connection&＃xff0c;然后可以通过HTTP1.1的chunked encoding机制不断push数据给浏览器直到timeout数据给浏览器直到timeout 或者manual close connection.

• 优点&＃xff1a;客户端一次连接&＃xff0c;服务器数据可多次推送。
• 缺点&＃xff1a;并非所有的浏览器都支持 multi-part 标志。

2.2.2 Hidden IFrame(Forever IFrames)

JS生成一个iframe, 发出request&＃xff0c;服务器是hold住这个connection&＃xff0c;然后可以通过HTTP1.1的chunked encoding机制不断push数据给浏览器直到timeout 或者manual close connection .

• 优点&＃xff1a;客户端一次连接&＃xff0c;服务器数据可多次推送。几乎所有支持 iframe 的浏览器上都可用。
• 缺点&＃xff1a;不可跨域&＃xff0c;错误处理可控性不强。

3. WebSocket

3.1 WebSocket

WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。浏览器和服务器只需要要做一个握手的动作&＃xff0c;然后&＃xff0c;浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送

• 优点&＃xff1a; 长连接&＃xff0c;双向、低延迟和易于处理错误。
• 缺点&＃xff1a;HTML5的新规范&＃xff0c;只有部分浏览器支持。服务器端&＃xff08;java&＃xff09;还没有WebSocket 相关规范&＃xff0c;服务器厂家各自为政。

3.2 FlashSocket

WebSocket的替代品, 客户端Javascript与Flash交互调用&＃xff1a;JS调用Flash Socket接口发送数据&＃xff0c;Flash Socket与服务器端Socket服务器通信

• 优点&＃xff1a; 支持所有带flash的浏览器
• 缺点&＃xff1a; 需要安装flash插件&＃xff0c;要求打开防火墙的 843 端口&＃xff0c;以便 Flash 组件能够执行 HTTP 请求来检索包含域授权的策略文件。

4. 技术选型建议

对于实时性要求高和并发量大的应用&＃xff0c;建议方案&＃xff1a;

对于实时性要求高和并发量一般的应用&＃xff0c;建议方案&＃xff1a;

原文地址&＃xff1a;http://kenny7.com/2013/05/technical-guide-for-website-realtime-communication.html