1. 长链接手艺引见
说到websocket，必需讲到在它之前的种种长链接手艺，比方轮循，长轮循，sse等。长链接望文生义，就是让客户端浏览器与服务器端坚持久长的衔接，并能延续通信，它还有一个特性，就是反向ajax，或叫服务器推手艺。也就是说，服务器端也能经由过程这些手腕完成向客户端推送的手艺，比方，在实际运用中，看到的股票数据及时更新，这是经由过程这类手艺来完成的。因为服务器端没法主动的向客户端推送数据，只能经由过程客户端衔接上服务器端，然后被动地推送数据，这些衔接到服务器端或许服务器端向客户端发送数据的要领就可以分红很多种，比方最简朴的就是经由过程ajax隔一段时刻发送http要求。
像轮循，长轮循等手艺并不能完成真正意义上的及时，它是模仿型的及时，它发送的是完全的http要求。下面来详细说一下每一个手艺的特性。
1.1 轮循
轮循，也叫短轮循，英文名也叫Polling。它很简朴，只是用ajax隔一段时刻，多是1秒，2秒，时刻本身设定，向服务器发送要求。这类计划会频仍地与服务器通信，每次通信都是发送完全的http要求，假如服务器常常有数据更改，有回应还好，有时刻发送的要求都是没有意义，都是在等服务器端的回应，而服务器又没有任何转变，所以这类体式格局很斲丧收集资源，很低效。
1.2 长轮循
长轮循是对定时轮询的革新和进步，目地是为了下降无效的收集传输。这类体式格局也是经由过程ajax要求发送数据到服务器端，服务器端一向hold住这个衔接，直到有数据抵达，经由过程这类机制来削减无效的客户端和服务器间的交互，比方可以经由过程这类体式格局完成浅易型的聊天室，然则，假如服务端的数据变动异常频仍的话，或许说接见的人异常多的时刻，这类机制和定时轮询比较起来没有本质上的机能的进步。
1.3 HTML5 服务器推送事宜
英文名也叫HTML5 Server Sent Events (SSE) / EventSource。SSE是html5范例的一部份，它是一种流手艺，它的范例由两部份构成，第一个部份是服务器端与浏览器端之间的通信协定，第二部份则是在浏览器端供应 JavaScript 运用的 EventSource 对象。服务器端的相应的内容范例是“text/event-stream”，相应文本的内容可以看成是一个事宜流，它可以延续不断地向服务器端推送数据。不过这类手艺很难跨域，且对IE的支撑并不好，但也不能代表这类手艺是没用或过期的，用它连系PostgreSQL的notify，或许Redis的pub/sub可以随意马虎构建聊天室。
2. websocket
上述的几种要领不代表就是过期没用的，相反，在某一程度上，它们还在运用中，只是，如今我们要来引见一种更加好，更及时的手艺，它叫websocket。它也是一种协定，它是基于tcp协定的，它跟http协定同级，它在浏览器条理发挥作用，可以由http协定晋级为ws协定，就像是http加个平安通道晋级为https协定一样。它的道理是如许的，因为它是一个协定，它不必发送跟http一样多的头信息，它比较轻量，速度快。为了竖立一个 WebSocket 衔接，客户端浏览器起首要向服务器提议一个 HTTP 要求，这个要乞降一般的 HTTP 要求差别，包含了一些附加头信息，个中附加头信息”Upgrade: WebSocket”表明这是一个请求协定晋级的 HTTP 要求，服务器端剖析这些附加的头信息然后发生应对信息返回给客户端，客户端和服务器端的 WebSocket 衔接就竖立起来了，两边就可以经由过程这个衔接通道自在的传递信息，而且这个衔接会延续存在直到客户端或许服务器端的某一方主动的封闭衔接。
在github.com或trello.com等运用就可以看到websocket的运用。比方，github上的：
要求
Request URL:wss://live.github.com/_sockets/NzQwNjQzOjA4NmI3MGI3ODE2N2JmNGI2OTkwNTI1MzA3NjVjNjYxOjgxYTFjMzVlYTE0NDBkYTUxYjllNTc2NmNjYmE1MDg0ZWY2M2ZiZDQ1NWFmOTM5MWIwMmNlYTMzOGZlYWIwMzY=--46b941101badcb9affe775bd52bf902d4b57468c
Request Method:GET
Status Code:101 Switching Protocols
相应头信息
Response Headers
Connection:Upgrade
Sec-WebSocket-Accept:ihEYOEOsteVV84Y2koOeMRELVT8=
Server:GitHub.com
Upgrade:websocket
要求头信息
Request Headers
Connection:Upgrade
Sec-WebSocket-Extensions:permessage-deflate; client_max_window_bits
Sec-WebSocket-Key:+wcmQ7sbHbIF7K/sGpkOKw==
Sec-WebSocket-Version:13
Upgrade:websocket本篇结束。
