HTML5 WebSocket技术的研究.docVIP

HTML5 WebSocket技术的研究 　　【摘要】本文在比较传统的实时web通讯技术与研究HTML5 WebSocket技术基础上，通过研究WebSocket技术在实时WEB通讯中的应用，体现出WebSocket在B/S模式中的应用优势与价值。 　　【关键词】HTML5；WebSocket；握手；长轮询；实时Web；网络应用服务 　　1.前言 　　作为下一代的Web标准，HTML5拥有许多引人注目的新特性，如Canvas、本地存储、多媒体编程接口、WebSocket等，有两大特点：首先，强化Web网页的表现性能。其次，追加本地数据库等Web应用的功能。包括HTML、CSS和JavaScript在内的一套技术组合，减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA），如Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。而有“Web的TCP”支撑的WebSocket在打破了现有的WEB网络通讯编程模式，WebSocket使得浏览器提供对Socket的支持成为可能，在浏览器和服务器之间提供了一个基于TCP连接的双向通道，使得开发人员可以方便构建实时Web应用。 　　2.传统实时WEB的通讯技术 　　传统的Web应用的信息交互过程是客户端通过浏览器发出一个请求（Request），服务器端接收和审核完请求后进行处理（Response）并返回结果给客户端，然后客户端浏览器将信息呈现出来，这种机制对于信息变化不是特别频繁的应用尚能相安无事，但对于那些实时要求比较高的应用来说，当客户端浏览器准备呈现服务器返回的数据信息时，信息有可能已经过时了。保持客户端和服务器端的信息同步是实时Web应用的关键要素。在WebSocket规范出来之前，开发人员想实现实时Web应用，只能采用如轮询（Polling）或Comet技术方案，而Comet则是轮询技术的改进，长轮询机制与流技术。 　　轮询：客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。问题在于：当客户端以固定频率向服务器发起请求的时候，服务器端的数据可能并没有更新，造成无谓的网络传输，属于低效的实时方案。 　　长轮询：长轮询是对定时轮询的改进和提高，目地是降低无效的网络传输。当服务器端没有数据更新时，连接会保持一段时间周期直到数据或状态改变或者时间过期，通过这种机制来减少无效的客户端和服务器间的交互。当服务端数据变更非常频繁时，就和定时轮询没有本质上性能提高。 　　流：通常在客户端的页面使用一个隐藏的窗口向服务端发出一个长连接的请求。服务器端接到这个请求后作出回应并不断更新连接状态以保证客户端和服务器端的连接不过期。将服务器端的信息不断推向客户端。但需要针对不同的浏览器设计不同的方案来改进用户体验，同时在并发比较大的情况下，对服务器端的资源是一个极大的考验。 　　以上方案只是利用Ajax方式来模拟实时的效果，每次交互都是HTTP的请求和应答的过程，每次都带有一套完整的HTTP头信息，增加了传输的数据量，在实际的应用中，为了模拟真实的实时效果，需要构造两个HTTP连接来模拟客户端和服务器之间的双向通讯，一个连接用来处理客户端到服务器端的数据传输，一个连接用来处理服务器端到客户端的数据传输，增加编程实现的复杂度，同时增加了服务器端的负载，制约了应用系统的扩展性。 　　3.HTML 5 WebSocket概念及规范 　　WebSocket API是下一代客户端-服务器的异步通信方法。取代了单个的TCP套接字，使用ws或wss协议，在任意的客户端和服务器程序通讯。WebSocket目前由W3C进行标准化，已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持，在给定的时间范围内的任意时刻，相互推送信息。 　　HTML5 Web Sockets从一个Web客户端连接到一个远程端点，需要创建WebSocket实例并为之提供一个URL来表示想要连接到的远程端点。该规范定义了ws：//以及wss：//模式来分别表示WebSocket和安全WebSocket连接。一个WebSocket连接是在客户端与服务器之间HTTP协议的初始握手阶段将其升级到Web Socket协议来建立的，其底层仍是TCP/IP连接。 　　图1 WebSocket URL地址结构图 　　其中： 　　WS：表示HTML5 WEB Sockets协议； 　　Host：表示服务器的地址； 　　Port：表示待链接的端口； 　　WebSocket Serve