WebSocket 是 HTML5 的重要特性,它实现了基于浏览器的远程 socket,它使浏览器和服务器可以进行全双工通信,许多浏览器(Firefox、Google Chrom e和 Safari)都已对此做了支持。 在 WebSocket 出现之前,为了实现即时通信,采用的技术都是 “轮询”,即在特定的时间间隔内,由浏览器对服务器发出 HTTP Request,服务器在收到请求后,返回最新的数据给浏览器刷新,“轮询” 使得浏览器需要对服务器不断发出请求,这样会占用大量带宽。 WebSocket 采用了一些特殊的报头,使得浏览器和服务器只需要做一个握手的动作,就可以在浏览器和服务器之间建立一条连接通道。且此连接会保持在活动状态,你可以使用 JavaScript 来向连接写入或从中接收数据,就像在使用一个常规的 TCP Socket 一样。它解决了 Web 实时化的问题,相比传统 HTTP 有如下好处: - 一个 Web 客户端只建立一个 TCP 连接 - Websocket 服务端可以推送 (push) 数据到 web 客户端. - 有更加轻量级的头,减少数据传送量 WebSocket URL 的起始输入是 ws:// 或是 wss://(在SSL上)。下图展示了 WebSocket 的通信过程,一个带有特定报头的 HTTP 握手被发送到了服务器端,接着在服务器端或是客户端就可以通过 JavaScript 来使用某种套接口(socket),这一套接口可被用来通过事件句柄异步地接收数据。 ![](images/8.2.websocket.png?raw=true) 图 8.2 WebSocket 原理图 ## WebSocket 原理 WebSocket 的协议颇为简单,在第一次 handshake 通过以后,连接便建立成功,其后的通讯数据都是以 ”\x00″ 开头,以 ”\xFF” 结尾。在客户端,这个是透明的,WebSocket 组件会自动将原始数据 “掐头去尾”。 浏览器发出 WebSocket 连接请求,然后服务器发出回应,然后连接建立成功,这个过程通常称为 “握手” (handshaking)。请看下面的请求和反馈信息: ![](images/8.2.websocket2.png?raw=true) 图 8.3 WebSocket 的 request 和 response 信息 在请求中的 "Sec-WebSocket-Key" 是随机的,对于整天跟编码打交道的程序员,一眼就可以看出来:这个是一个经过 base64 编码后的数据。服务器端接收到这个请求之后需要把这个字符串连接上一个固定的字符串: 258EAFA5-E914-47DA-95CA-C5AB0DC85B11 即:`f7cb4ezEAl6C3wRaU6JORA==` 连接上那一串固定字符串,生成一个这样的字符串: f7cb4ezEAl6C3wRaU6JORA==258EAFA5-E914-47DA-95CA-C5AB0DC85B11 对该字符串先用 sha1 安全散列算法计算出二进制的值,然后用 base64 对其进行编码,即可以得到握手后的字符串: rE91AJhfC+6JdVcVXOGJEADEJdQ= 将之作为响应头 `Sec-WebSocket-Accept` 的值反馈给客户端。 ## Go 实现 WebSocket Go 语言标准包里面没有提供对 WebSocket 的支持,但是在由官方维护的 go.net 子包中有对这个的支持,你可以通过如下的命令获取该包: go get golang.org/x/net/websocket WebSocket 分为客户端和服务端,接下来我们将实现一个简单的例子: 用户输入信息,客户端通过 WebSocket 将信息发送给服务器端,服务器端收到信息之后主动 Push 信息到客户端,然后客户端将输出其收到的信息,客户端的代码如下: ```html