定义

HTTP（Hyper Text Transfer Protocol）超文本传输协议
HTML（ Hyper Text Markup Language）超文本标记语言
URI（Uniform Resource Identifier）用于标识某一互联网资源名称的字符串（uri 包括了 url，url 用于全网做唯一标识，http://localhost:8080/html/login.html 可以称为 url/uri，但 html/login.html 只能称为 uri）

HTTP是互联网中应用最广泛的应用层协议之一，设计之初是提供一种发布和接收HTML页面的方法，由URI来标识具体的资源。

报文格式

HTTP分别规定了请求和响应的报文格式。
请求报文分为：请求行、请求头（首部行）、请求体（实体主体），GET请求没有实体主体。
响应报文分为：响应行（状态行）、响应头（首部行）、响应体（实体主体）

我们从浏览器或者抓包工具中看起来会像是这样

// 请求头
GET / HTTP/1.1
Host: icp.chinaz.com

// 响应头
HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8

浏览器/抓包工具 会将%20、%0D、%0A类编码展示为空格、回车、换行，但实际上数据类似于 GET%20/%20HTTP/1.1%0AHost:%20icp.chinaz.com

这种报文格式是我们所最常见到的规范，但实际上有更严谨的报文格式。

ABNF

ABNF是最严谨的HTTP报文格式描述形式，来自RFC。RFC（Request For Comments 请求意见稿）是HTTP的标准，由万维网协会（W3C）、互联网工程任务组（IETF）协调制定。

ABNF报文格式将请求和响应定义在一起

HTTP-message = start-line *(header-field CRLF) CRLF [message-body]
start-line = request-line / status-line

ABNF定义的HTTP报文格式为：一个开始行（请求行或者响应行），0个或者多个首部行和回车换行的整体，一个回车换行，0个或者1个实体

标识	含义
*	0个或多个。2* 表示至少2个，3* 6 表示3到6个
/	任选一个
()	表示为一个整体
[]	可选项，可有可无

对于 request-line、status-line、header-field、message-body 也有更详细的定义。

request-line

request-line = method SP request-target SP HTTP-version CRLF
HTTP-version = HTTP-name “/” DIGIT “.” DIGIT
HTTP-name = %x48.54.54.50;HTTP

request-line 组成格式为：请求方法、空格、请求目标、空格、请求的HTTP版本、回车换行。转换成具体的数据格式可能是这样： GET /index.html HTTP/1.1

标识	含义
SP	space 空格
DIGIT	数字
%x48.54.54.50	表示四个字节，分别为%x48 %x54 %x54 %x50，为字符 HTTP
;HTTP	分号后面都是注释内容

status-line

status-line = HTTP-version SP status-code SP reason-phrase CRLF
status-code = 3DIGIT
reason-phrase = *( HTAB / SP / VCHAR / obs-text )

status-line 组成格式：HTTP版本、空格、状态码、空格、响应描述、回车换行，最终数据格式可能为：HTTP/1.1 200 OK

标识	含义
HTAB	tab键
VCHAR	字符串如 OK

header-field

header-field = field-name “:” OWS field-value OWS
field-name = token
field-value = *(field - content / obs-fold)
OWS = *(SP | HTAB)

header-field 由名称和值这样的键值对组成，中间以空格或者TAB相隔，最终的数据格式类似于：Connection: keep-alive

message-body

message-body = *OCTET

message-body 不一定有，比如 GET 请求头就没有，当存在的时候，可以为任意内容，比如请求 html 文件，响应为 html 代码。

标识	含义
OCTET	8位数据，一个字节，任意内容

追踪HTTP报文

说完了HTTP报文的格式，那么我们该怎么获取HTTP报文呢？使用 nodejs 起了一个服务，端口号是8000，有三种不同的获取HTTP报文的方式。

浏览器

在浏览器中获取报文非常的方便，找到对应的请求，点击 Response Headers 的【View Source】就可以看到 HTTP 的响应头信息

但响应体没有包括在这里，需要点击 Response 才能看到

抓包工具

通过抓包工具 wireshark 获取到的协议内容更为完整，多个请求都会出现在追踪的HTTP流数据里。

根据ABNF定义，message-body 后没有【回车换行】字符，响应体后紧接着下一个请求的报文。

Xshell

安全终端模拟软件Xshell，可以直接面向HTTP报文与服务器交互，更清晰、直观地看到请求报文、响应报文的内容。

通过 telnent建立连接，输入请求头

GET / HTTP/1.1 HOST: localhost: 8000

它还具备以上两种方式所没有的功能，就是检验请求报文格式的正确与否，当请求行与请求头之间没有回车换行时，会报错400

总结

• HTTP 超文本传输协议，在应用层，可以用来获取HTML页面、图片、字体等资源
• ABNF规定了HTTP最严谨的报文格式
• 浏览器、抓包工具、终端模拟工具都可以获取到HTTP的请求报文

以上就是 从ABNF读懂HTTP协议格式的内容 ， 更多有关 前端、网络协议的内容可以参考我其它的博文，持续更新中~