YUWEN.LOG
后端开发

Journal Article

深入理解HTTP协议：从基础到实践

深入讲解HTTP协议的核心概念，包括请求响应模型、状态码、头部、HTTPS、HTTP/2等，适合Web开发者阅读。

5 min7 views
HTTP网络协议Web前端

深入理解HTTP协议：从基础到实践

什么是HTTP

HTTP（HyperText Transfer Protocol，超文本传输协议）是Web的基础。它定义了客户端（浏览器）与服务器之间如何交换数据。每次你打开网页、加载图片、提交表单，背后都是HTTP在工作。

HTTP的发展历程

版本年份特点
HTTP/0.91991仅支持GET，无头部
HTTP/1.01996引入头部，支持多种响应类型
HTTP/1.11997持久连接，分块传输
HTTP/22015多路复用，头部压缩，服务器推送
HTTP/32022基于QUIC协议，解决队头阻塞

请求与响应结构

HTTP请求

一个典型的HTTP请求由三部分组成：

code
POST /api/users HTTP/1.1
Host: example.com
Content-Type: application/json
Authorization: Bearer token123

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

请求行：包含方法（POST）、路径（/api/users）和协议版本（HTTP/1.1）

请求头：传递附加信息，如内容类型、认证信息等

请求体：携带实际数据

HTTP响应

code
HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 89

{
  "id": 1,
  "name": "张三",
  "email": "zhangsan@example.com",
  "createdAt": "2026-07-10T00:00:00Z"
}

状态行：协议版本、状态码和状态描述

响应头：服务器信息、内容类型等

响应体：返回的数据

常见的HTTP方法

GET - 获取资源

bash
curl https://api.example.com/articles

用于获取数据，不应有副作用。参数通过URL查询字符串传递。

POST - 创建资源

bash
curl -X POST https://api.example.com/articles \
  -H "Content-Type: application/json" \
  -d '{"title": "新文章", "content": "..."}'

用于创建新资源，数据放在请求体中。

PUT - 更新资源

bash
curl -X PUT https://api.example.com/articles/1 \
  -H "Content-Type: application/json" \
  -d '{"title": "更新后的标题"}'

用于整体更新资源。

PATCH - 部分更新

bash
curl -X PATCH https://api.example.com/articles/1 \
  -H "Content-Type: application/json" \
  -d '{"status": "published"}'

用于部分更新资源。

DELETE - 删除资源

bash
curl -X DELETE https://api.example.com/articles/1

用于删除资源。

状态码详解

2xx 成功

  • 200 OK：请求成功
  • 201 Created：资源创建成功
  • 204 No Content：成功但无返回内容

3xx 重定向

  • 301 Moved Permanently：永久重定向
  • 302 Found：临时重定向
  • 304 Not Modified：资源未修改，使用缓存

4xx 客户端错误

  • 400 Bad Request：请求格式错误
  • 401 Unauthorized：未认证
  • 403 Forbidden：无权限
  • 404 Not Found：资源不存在
  • 429 Too Many Requests：请求过于频繁

5xx 服务器错误

  • 500 Internal Server Error：服务器内部错误
  • 502 Bad Gateway：网关错误
  • 503 Service Unavailable：服务不可用

HTTP头部

常见请求头

code
Accept: application/json
Authorization: Bearer <token>
Content-Type: application/json
User-Agent: Mozilla/5.0
Cache-Control: no-cache

常见响应头

code
Content-Type: application/json; charset=utf-8
Content-Length: 1234
Cache-Control: max-age=3600
Set-Cookie: session=abc123; HttpOnly
Access-Control-Allow-Origin: *

Cookie与Session

Cookie是服务器发送到浏览器并保存的小量数据，每次请求时会自动携带。

http
Set-Cookie: username=张三; Path=/; HttpOnly; Secure; Max-Age=86400
  • HttpOnly：防止JavaScript访问，防XSS攻击
  • Secure：仅HTTPS传输
  • SameSite：防止CSRF攻击

Session

Session数据保存在服务器端，通过Cookie中的Session ID关联。

HTTPS与安全

HTTPS = HTTP + TLS/SSL，提供：

  1. 数据加密：防止窃听
  2. 身份验证：确认服务器身份
  3. 数据完整性：防止篡改

TLS握手过程

code
客户端                          服务器
  |---- ClientHello ------------>|
  |<--- ServerHello -------------|
  |<--- Certificate -------------|
  |<--- ServerKeyExchange -------|
  |---- ClientKeyExchange ------>|
  |---- ChangeCipherSpec ------->|
  |<--- ChangeCipherSpec --------|
  |==== 加密通信开始 ============|

HTTP/2的新特性

多路复用

HTTP/1.1中，每个请求需要单独的TCP连接（或排队等待）。HTTP/2允许在一个连接上同时处理多个请求。

头部压缩

使用HPACK压缩算法，减少头部大小，提高传输效率。

服务器推送

服务器可以主动推送客户端可能需要的资源。

二进制分帧

将数据分割为更小的帧进行传输，提高效率。

实际应用示例

Fetch API

javascript
// GET请求
const response = await fetch("/api/articles");
const articles = await response.json();

// POST请求
const response = await fetch("/api/articles", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    title: "新文章",
    content: "文章内容..."
  })
});

错误处理

javascript
async function fetchData(url) {
  try {
    const response = await fetch(url);
    
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    
    return await response.json();
  } catch (error) {
    console.error("Fetch failed:", error);
    throw error;
  }
}

性能优化

1. 使用HTTP/2

启用多路复用，减少连接数。

2. 启用压缩

code
Content-Encoding: gzip

3. 缓存策略

code
Cache-Control: public, max-age=31536000
ETag: "33a64df5"

4. 连接复用

  • HTTP/1.1：Keep-Alive
  • HTTP/2：多路复用

调试工具

浏览器开发者工具

Network面板可以查看所有HTTP请求和响应。

cURL

bash
# 查看详细请求
curl -v https://api.example.com/articles

# 查看响应头
curl -I https://api.example.com/articles

# 模拟不同方法
curl -X POST -d "key=value" https://api.example.com/api

总结

HTTP是Web的基石，理解HTTP协议对于：

  • 前端开发：优化请求，处理错误
  • 后端开发：设计API，处理并发
  • 运维：性能调优，安全配置
  • 安全：理解攻击原理，做好防护

都非常重要。随着HTTP/3的普及，基于QUIC的HTTP将进一步提升Web性能。持续学习和实践HTTP协议，是每个Web开发者的必修课。

本文最后更新于2026年7月

相关推荐

评论 (0)

加载评论中...