摘要：长轮循长轮循是对定时轮询的改进和提高，目地是为了降低无效的网络传输。是规范的一部分，它是一种流技术，它的规范由两部分组成，第一个部分是服务器端与浏览器端之间的通讯协议，第二部分则是在浏览器端提供使用的对象。下一篇之客户端与服务器端的交互二
1. 长链接技术介绍
说到websocket，必须讲到在它之前的各种长链接技术，比如轮循，长轮循，sse等。长链接顾名思义，就是让客户端浏览器与服务器端保持长久的连接，并能持续通讯，它还有一个特点，就是反向ajax，或叫服务器推技术。也就是说，服务器端也能通过这些手段实现向客户端推送的技术，比如，在现实应用中，看到的股票数据实时更新，这是通过这种技术来实现的。因为服务器端无法主动的向客户端推送数据，只能通过客户端连接上服务器端，然后被动地推送数据，这些连接到服务器端或者服务器端向客户端发送数据的方法就可以分成很多种，比如最简单的就是通过ajax隔一段时间发送http请求。
像轮循，长轮循等技术并不能实现真正意义上的实时，它是模拟型的实时，它发送的是完整的http请求。下面来具体说一下每个技术的特点。
轮循，也叫短轮循，英文名也叫Polling。它很简单，只是用ajax隔一段时间，可能是1秒，2秒，时间自己设定，向服务器发送请求。这种方案会频繁地与服务器通讯，每次通讯都是发送完整的http请求，如果服务器经常有数据变动，有回应还好，有时候发送的请求都是没有意义，都是在等服务器端的回应，而服务器又没有任何改变，所以这种方式很消耗网络资源，很低效。
长轮循是对定时轮询的改进和提高，目地是为了降低无效的网络传输。这种方式也是通过ajax请求发送数据到服务器端，服务器端一直hold住这个连接，直到有数据到达，通过这种机制来减少无效的客户端和服务器间的交互，比如可以通过这种方式实现简易型的聊天室，但是，如果服务端的数据变更非常频繁的话，或者说访问的人非常多的时候，这种机制和定时轮询比较起来没有本质上的性能的提高。
英文名也叫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
本篇完结。
下一篇：websocket之客户端与服务器端的交互(二)
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/79548.html
时间：2018年04月11日星期三 说明：本文部分内容均来自慕课网。@慕课网：https://www.imooc.com 教学源码：https://github.com/zccodere/s... 学习源码：https://github.com/zccodere/s... 第一章：课程介绍 1-1 课程介绍 什么是Netty 高性能、事件驱动、异步非阻塞的IO Java开源框架 基于NIO的客户...
摘要：概述本文是系列的第一篇，主要介绍相关的基础协议知识和。客户端收到响应后，立即发起下一次的请求。收到消息通过事件来接收消息。类型则需要传递一个对象作为参数，相关的内容也将在本系列第二篇中进行介绍。 概述 本文是WebSocket系列的第一篇，主要介绍WebSocket相关的基础协议知识和API。由于WebSocket的相关介绍在MDN中分布较乱，初学者不太容易入门，因此通过本文将相关基础...
摘要：与此同时，后端服务的中也有相关的长连接维持时长设置。如何快速的恢复连接根据上面的操作方案，我们会在网络异常时断开连接。 概述 通过前四篇博客，相信读者对于WebSocket的使用和数据（不论是ArrayBuffer还是String）传输都有了一个深刻的了解。现在我们来介绍下，我在使用WebSocket时，连接相关模块遇到的一些共性问题，以及我们如何解决这些问题。 本文作为WebSock...
摘要：本文作为系列的第四篇内容，将会用一个简单的聊天应用把整个传输二进制数据类型的内容连接起来，让用户对整个传输二进制数据的方法有个了解。如何发送二进制数据通过如何设计一个二进制协议一章，我们知道了如何定义传输的二进制数据格式。 概述 通过前三篇博客，我们能够了解在通过WebSocket发送数据之前，我们需要传递的数据是如何变成ArrayBuffer二进制数据的；在我们收到二进制数据之后，我...
阅读 1908·2021-11-24 09:38
阅读 3305·2021-11-22 12:07
阅读 1861·2021-09-22 16:03
阅读 1878·2021-09-02 15:41
阅读 2591·2021-07-24 23:28
阅读 2182·2019-08-29 13:17
阅读 1525·2019-08-29 12:25
阅读 2631·2019-08-29 11:10
