从此
文章
📄文章 #️⃣专题 🌐上网 📺 🛒 📱

你需要了解的HTTP协议

🕗2019-07-04

了解HTTP协议

HTTP (超文本传输协议,HyperText Transfer Protocol),是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP 是万维网的数据通信基础。

通常,由 HTTP 客户端(例如:浏览器)发起一个 GET 请求,创建一个到服务器指定端口(默认是 80 端口)的 TCP 连接。HTTP 服务器则在那个端口监听客户端的请求。一旦收到请求,服务器会向客户端返回一个状态,比如"HTTP/1.1 200 OK",以及返回的内容,如请求的文件、错误消息、或者其它信息。

请求方法

HTTP/1.1 协议中共定义了八种方法,以不同的方式操作指定的资源

  • GET
    • 从服务器取出资源(一项或多项)。
  • POST
    • 向指定资源提交数据,请求服务器进行处理(例如提交表单或者上传文件)。数据被包含在请求本文中。这个请求可能会创建新的资源或修改现有资源,或二者皆有
  • PUT
    • 在服务器更新资源(客户端提供改变后的完整资源)。
  • DELETE
    • 从服务器删除资源。
  • PATCH
    • 在服务器更新资源(客户端提供改变的属性)。
  • HEAD
    • 请求获取由Request-URI所标识的资源的响应消息报头
  • OPTIONS
    • 请求查询服务器的性能,或者查询与资源相关的选项和需求
  • TRACE
    • 请求服务器回送收到的请求信息,主要用于测试或诊断
  • CONNECT
    • HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。通常用于SSL加密服务器的链接(经由非加密的HTTP代理服务器)

HTTP 请求

请求报文格式

发出的请求信息包括以下四个部分

  1. 请求行
  2. 请求头
  3. 空行
  4. 其它消息体
# 请求格式
1 动词 路径 协议/版本   GET /Search HTTP/1.1
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3 
4 要上传的数据 
## GET请求的报文格式
GET /pay?test=aaaa HTTP/1.1
Host: localhost:8088
Connection: keep-alive
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36
Accept: */*
Referer: http://localhost:8088/
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7

## POST 请求的报文格式
POST /pay?test=aaaa HTTP/1.1
Host: localhost:8088
Connection: keep-alive
Content-Length: 0
Origin: http://localhost:8088
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36
Accept: */*
Referer: http://localhost:8088/
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7

注意

  1. 请求最多包含四部分,最少包含三部分。(也就是说第四部分可以为空)
  2. 第三部分永远都是一个回车\n
  3. 动词有 GET POST PUT PATCH DELETE HEAD OPTIONS
  4. 这里的路径包括「查询参数」,但不包括「锚点」
  5. 如果你没有写路径,那么路径默认为 /
  6. 第 2 部分中的 Content-Type 标注了第 4 部分的格式
  7. HTTP/1.1协议中,所有的请求头(第 2 部分),除Host外,都是可选的

如何用 Chrome 浏览器中查看 HTTP 请求

  1. 按下F12或右键检查元素进入 开发者工具
  2. 进入 Network 面板
  3. 地址栏输入网址
  4. Network 点击,查看 Request Headers,默认工具已经帮你解析好了,点击「view source」可以查看原始的请求格式
  5. 如果有请求的第四部分,那么在 FormData 或 Request Payload 里面可以看到

HTTP 响应

在接收和解释请求消息后,服务器返回一个HTTP响应消息.

响应报文格式

HTTP响应也是由四个部分组成,分别是:

  1. 状态行
  2. 消息报头
  3. 空行
  4. 响应正文
1 协议/版本号 状态码 状态解释   HTTP/1.1 200 OK
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 响应的内容
## GET 请求的响应报文
HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Connection: Keep-Alive
Content-Length: 2443
Content-Type: text/html

<!DOCTYPE html>
<html> <head> 后面太长,省略了……

## POST请求的响应报文
HTTP/1.1 200 OK
Date: Tue, 11 Jun 2019 07:22:56 GMT
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Connection: Keep-Alive
Transfer-Encoding: chunked

xxxxName.call(undefined, {"success": true, "remain": 35})

状态码解释

  • 1xx消息——请求已被服务器接收,继续处理
  • 2xx成功——请求已成功被服务器接收、理解、并接受
  • 3xx重定向——需要后续操作才能完成这一请求
  • 4xx请求错误——请求含有词法错误或者无法被执行
  • 5xx服务器错误——服务器在处理某个正确请求时发生错误
200 请求成功
201 服务器创建了新的资源
202 已接受,服务器已接受请求,但尚未处理
204 服务器成功处理了请求,但是没有返回任何东西

301 永久移动), 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置
302 临时移动) ,服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。
304 资源未修改, 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。
400 错误请求,服务器不理解请求的语法
401 没有权限,请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。
403 禁止访问,服务器拒绝请求
404 资源未找到
405 HTTP请求方法被禁用
408 请求超时
412 请求实体过大
500 服务器内部错误
502 错误网关
503 服务不可用
504 网关超时