HTTP 协议：前后端的"通信语言"

0. HTTP 的本质 link

HTTP（HyperText Transfer Protocol，超文本传输协议）是前后端通信的基础协议。

0.1 用对话来类比 link

1. HTTP 的发展历程 link

HTTP 从 1991 年诞生至今，经历了多次重大升级。

1.1 版本对比 link

2. HTTP 请求的结构 link

2.1 请求行 link

  GET /api/users/123 HTTP/1.1
  

包含三个部分：

• 方法：GET、POST、PUT、DELETE 等
• URL：请求的资源路径
• 版本：HTTP/1.1 或 HTTP/2

2.2 请求头 link

  Host: api.example.com
User-Agent: Mozilla/5.0
Accept: application/json
Authorization: Bearer xxx
Content-Type: application/json
Content-Length: 45
  

常见请求头：

2.3 请求体 link

  {
  "name": "张三",
  "email": "zhangsan@example.com"
}
  

只有 POST、PUT、PATCH 等方法才有请求体。

3. HTTP 响应的结构 link

3.1 状态行 link

  HTTP/1.1 200 OK
  

包含三个部分：

• 版本：HTTP/1.1
• 状态码：200、404、500 等
• 状态文本：OK、Not Found 等

3.2 响应头 link

  Content-Type: application/json
Content-Length: 156
Cache-Control: max-age=3600
Set-Cookie: session=xxx; HttpOnly
  

常见响应头：

3.3 响应体 link

  {
  "code": 0,
  "data": {
    "id": 123,
    "name": "张三"
  }
}
  

4. HTTP 方法详解 link

4.1 GET vs POST link

5. HTTP 状态码 link

5.1 状态码分类 link

5.2 常用状态码 link

6. HTTPS：安全的 HTTP link

6.1 HTTP vs HTTPS link

6.2 HTTPS 的工作流程 link

1. Client Hello：客户端发送支持的加密套件
2. Server Hello：服务器返回证书和选定的加密套件
3. 验证证书：客户端验证服务器证书的有效性
4. 密钥交换：使用非对称加密交换会话密钥
5. 加密通信：使用会话密钥进行对称加密通信

7. HTTP 缓存机制 link

7.1 缓存头 link

7.2 缓存策略 link

强缓存：

  Cache-Control: max-age=3600
  

在 3600 秒内，浏览器直接使用缓存，不发送请求。

协商缓存：

  ETag: "33a64df551425fcc"
  

浏览器发送 If-None-Match，服务器返回 304（未修改）或 200（已修改）。

8. 常见问题 link

8.1 GET 和 POST 的本质区别 link

误区：GET 和 POST 的区别只是参数位置不同。

真相：

• GET 是幂等的，多次请求结果相同
• POST 是非幂等的，多次请求可能创建多个资源
• GET 可被缓存，POST 默认不缓存
• GET 可被书签保存，POST 不可

8.2 HTTP/1.1 的队头阻塞 link

问题：HTTP/1.1 虽然支持持久连接，但请求必须串行发送。前一个请求响应慢，后续请求都要等待。

解决方案：

• HTTP/2 多路复用
• 域名分片（多个域名建立多个连接）
• 连接池（限制并发数）

8.3 HTTP/2 的优势 link

名词速查表 link