Yaklang websocket劫持教程

背景

随着Web应用的发展与动态网页的普及，越来越多的场景需要数据动态刷新功能。在早期时，我们通常使用轮询的方式(即客户端每隔一段时间询问一次服务器)来实现，但是这种实现方式缺点很明显:
大量请求实际上是无效的，这导致了大量带宽的浪费。

这时候我们急需一个新的技术来解决这一痛点，Websocket应运而生: WebSocket是一种网络传输协议，可在单个TCP连接上进行 全双工通信
，位于OSI模型的应用层。

Websocket的诞生也给我们带来了新的挑战，我们能否对websocket的请求与响应进行劫持与修改呢？要想做到这一点，我们首先得了解websocket协议。

websocket协议细节

等等，看到这个标题的时候先别急着划走，实际上websocket协议比我们想象中的要简单，他实际上 几乎 等同于原始的TCP
socket，只不过多出了额外的协议头以及一个升级的过程。

我们先来看websocket的升级过程，先是客户端发起协议升级请求，其采用标准的HTTP报文格式，且必须使用 GET 请求方法:

GET / HTTP/1.1
Host: localhost:8080
Origin: http://127.0.0.1:3000
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Version: 13
Sec-WebSocket-Key: w4v7O6xFTi36lq3RNcgctw==

这里我们需要关注的最后四行的特殊请求头:

• Connection: Upgrade：表示要升级协议

• Upgrade: websocket：表示要升级到websocket协议

• Sec-WebSocket-Version: 13：表示websocket的版本。如果服务端不支持该版本，需要返回一个Sec-WebSocket-Versionheader，里面包含服务端支持的版本号

• Sec-WebSocket-Key：与后面服务端响应头Sec-WebSocket-Accept配套，提供基本的校验。其本身是一个 bas64编码过的随机16字节

服务器返回101状态码的响应，至此完成协议升级:

HTTP/1.1 101 Switching Protocols
Connection:Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: Oy4NRAQ13jhfONC7bP8dTKb4PTU=

这里我们需要的关注的是最后的Sec-WebSocket-Accept请求头，其与前文的Sec-WebSocket-Key对应，主要有以下两个目的:

• 确保服务器理解 WebSocket 协议

• 防止客户端意外请求 WebSocket 升级

Sec-WebSocket-Accept请求头是由Sec-WebSocket-Key计算而成的，其伪代码如下:

toBase64(sha1(Sec-WebSocket-Key + "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"))

协议升级后，双方开始使用websocket协议进行通讯。我们来看看websocket的协议细节，一个经典的概览图如下:

0                   1                   2                   3
  0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
 +-+-+-+-+-------+-+-------------+-------------------------------+
 |F|R|R|R| opcode|M| Payload len |    Extended payload length    |
 |I|S|S|S|  (4)  |A|     (7)     |             (16/64)           |
 |N|V|V|V|       |S|             |   (if payload len==126/127)   |
 | |1|2|3|       |K|             |                               |
 +-+-+-+-+-------+-+-------------+ - - - - - - - - - - - - - - - +
 |     Extended payload length continued, if payload len == 127  |
 + - - - - - - - - - - - - - - - +-------------------------------+
 |                               |Masking-key, if MASK set to 1  |
 +-------------------------------+-------------------------------+
 | Masking-key (continued)       |          Payload Data         |
 +-------------------------------- - - - - - - - - - - - - - - - +
 :                     Payload Data continued ...                :
 + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
 |                     Payload Data continued ...                |
 +------------------------------------------------------------