IMLC.ME
Search…
en-US
如何用 Wireshark 监听 HTTP/2 流量
用 Wireshark 监控 HTTP/2 流量
相比 HTTP/1.1，HTTP/2 支持多路复用、支持服务端、支持 HTTP Header 压缩等特性极大地优化了网页的性能。 越来越多网站开始支持 HTTP/2。 需要查看 HTTP/2 流量的机会也肯定越来越多。 本文将简单地介绍如果用 Wireshark 查看 HTTP/2 的每个数据帧。
本文假设： 你已经装了 Wireshark 你已经装了 Node.js 你已经装了 Chrome
准备一个 HTTP/2 服务器程序
首先，先准备一个 HTTP/2 服务。 TLS 虽然不是标准中必需的。但是由于所有浏览器都只支持 TLS 下的 HTTP/2 通信，TLS 成为了一个事实上的标准。 也因此，我们需要先生成一张自签名证书，以便开启 TLS。
运行如下命令，该命令会在当前目录下生成一对证书文件。
1
openssl req -x509 -newkey rsa:2048 -nodes -sha256 -subj '/CN=localhost' -keyout localhost-privkey.pem -out localhost-cert.pem
Copied!
1
const http2 = require(‘http2’);
2
const fs = require(‘fs’);
3
4
const server = http2.createSecureServer({
5
key: fs.readFileSync(‘localhost-privkey.pem’),
6
cert: fs.readFileSync(‘localhost-cert.pem’)
7
});
8
server.on(‘error’, (err) => console.error(err));
9
10
server.on(‘stream’, (stream, headers) => {
11
// stream is a Duplex
12
stream.respond({
13
‘content-type’: ‘text/html’,
14
':status': 200
15
});
16
stream.end('<h1>Hello World</h1>');
17
});
18
19
server.listen(8443);
Copied!
运行
node server.js，服务端就准备好了。 为了验证成果，运行 curl -k -v https://localhost:8443 你应该可以得到相应并且看到 > GET / HTTP/2，这意味着你确实跑在 HTTP/2 协议上。导出 SSL Key Log File
由于开启了 TLS，Wireshark 捕捉到的流量是加密后的数据。你只能看到 TCP 层的报文而看不到 HTTP/2 的数据。 Chrome 和 Firefox 支持导出 TLS 的秘钥信息。Wireshark 需要此秘钥信息来解密 TLS 流量。
首先，你需要添加 SSLKEYLOGFILE 环境变量，并指向秘钥文件的保存地址。 然后，你还要以
--ignore-certificate-errors 启动 Chrome，否则 Chrome 会禁止你访问不安全的网站。1
export SSLKEYLOGFILE=/<path-to-somewhere>/sslkeylogfile
2
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors
Copied!
导入 TLS 秘钥信息
Protocols -> TLS, and configure the field -> (Pre)-Master-Secret log filename
Inspect HTTP/2 Request
现在一切都准备就绪。
回到 Wireshark 主页，选择 Loopback 接口。
输入
tcp.port == 8443 过滤器，避免捕捉到太多无关的流量。
如果你看到不 TCP 的初始的几个报文（例如三次握手），你可能需要重启一下服务器程序以便已有断开 TCP 链接。
Last modified 1yr ago