人工大理石,金正恩当选委员长,武汉铁路职业技术学院
概念
html5作为下一代web标准，拥有许多引人注目的新特性，如canvas、本地存储、多媒体编程接口、websocket 等等。今天我们就来看看具有“web tcp”之称的websocket.
websocket的出现是基于web应用的实时性需要而产生的。这种实时的web应用大家应该不陌生，在生活中都应该用到过，比如新浪微博的评论、私信的通知，腾讯的webqq等。让我们来回顾下实时 web 应用的窘境吧。
在websocket出现之前，一般通过两种方式来实现web实时用：轮询机制和流技术；其中轮询有不同的轮询，还有一种叫comet的长轮询。
轮询：这是最早的一种实现实时 web 应用的方案。客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。这种同步方案的缺点是，当客户端以固定频率向服务 器发起请求的时候，服务器端的数据可能并没有更新，这样会带来很多无谓的网络传输，所以这是一种非常低效的实时方案。
长轮询：是对定时轮询的改进和提高，目地是为了降低无效的网络传输。当服务器端没有数据更新的时候，连接会保持一段时间周期直到数据或状态改变或者 时间过期，通过这种机制来减少无效的客户端和服务器间的交互。当然，如果服务端的数据变更非常频繁的话，这种机制和定时轮询比较起来没有本质上的性能的提 高。
流：常就是在客户端的页面使用一个隐藏的窗口向服务端发出一个长连接的请求。服务器端接到这个请求后作出回应并不断更新连接状态以保证客户端和服务 器端的连接不过期。通过这种机制可以将服务器端的信息源源不断地推向客户端。这种机制在用户体验上有一点问题，需要针对不同的设计不同的方案来改进 用户体验，同时这种机制在并发比较大的情况下，对服务器端的资源是一个极大的考验。
上述方式其实并不是真正的实时技术，只是使用了一种技巧来实现的模拟实时。在每次客户端和服务器端交互的时候都是一次 http 的请求和应答的过程，而每一次的 http 请求和应答都带有完整的 http 头信息，这就增加了每次传输的数据量。但这些方式最痛苦的是开发人员，因为不论客户端还是服务器端的实现都很复杂，为了模拟比较真实的实时效果，开发人员 往往需要构造两个http连接来模拟客户端和服务器之间的双向通讯，一个连接用来处理客户端到服务器端的数据传输，一个连接用来处理服务器端到客户端的数 据传输，这不可避免地增加了编程实现的复杂度，也增加了服务器端的负载，制约了应用系统的扩展性。
基于上述弊端，实现web实时应用的技术出现了，websocket通过浏览器提供的api真正实现了具备像c/s架构下的桌面系统的实时通讯能 力。其原理是使用javascript调用浏览器的api发出一个websocket请求至服务器，经过一次握手，和服务器建立了tcp通讯，因为它本质 上是一个tcp连接，所以数据传输的稳定性强和数据传输量比较小。
websocket 协议
websocket 协议本质上是一个基于 tcp 的协议。为了建立一个 websocket 连接，客户端浏览器首先要向服务器发起一个 http 请求，这个请求和通常的 http 请求不同，包含了一些附加头信息，其中附加头信息”upgrade: websocket”表明这是一个申请协议升级的 http 请求，服务器端解析这些附加的头信息然后产生应答信息返回给客户端，客户端和服务器端的 websocket 连接就建立起来了，双方就可以通过这个连接通道自由的传递信息，并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 （附转换公式）
html5 移动端视频video的android兼容(去除播放控件、全屏)
我要评论
网友评论