《图解HTTP》（一）之HTTP基础

悠悠 2022-06-12 03:11 227阅读 0赞

# 1. web及网络基础 #

## 1.1. 通过HTTP访问web\[C/S\] ##

![Center][]

## 1.2. TCP/IP四层模型 ##

![Center 1][]

### 1.2.1. 数据包的封装 ###

![Center 2][]

## 1.3. TCP/IP协议族 ##

### 1.3.1. 负责传输的IP协议 ###

使用ARP协议凭借MAC地址通信

![Center 3][]

### 1.3.2. 确保可靠的TCP协议 ###

![Center 4][]

### 1.3.3. 负责域名解析的DNS服务 ###

![Center 5][]

### 1.3.4. 各协议与HTTP的关系 ###

![Center 6][]

## 1.4. URI与URL ##

*  URI(Uniform Resource Identifier):统一资源标识符
 *  URL(Uniform Resource Locator):统一资源定位符；URL是URI的子集

### 1.4.1. URI的格式 ###

![Center 7][]

<table style="border-collapse:collapse; margin:0px; overflow-x:auto"> 
 <thead> 
  <tr> 
   <th style="border:1px solid rgb(221,221,221); padding:7px 15px 7px 10px; vertical-align:top; color:rgb(51,51,51); background:100% 50% no-repeat rgb(240,240,240)"> 
    <div style="margin:0px; padding:0px">
      字段 
    </div> </th> 
   <th style="border:1px solid rgb(221,221,221); padding:7px 15px 7px 10px; vertical-align:top; color:rgb(51,51,51); background:100% 50% no-repeat rgb(240,240,240)"> 
    <div style="margin:0px; padding:0px">
      说明 
    </div> </th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 协议</td> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> http/https</td> 
  </tr> 
  <tr> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px"> 登录信息（认证）</p> </td> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> user:pass@(一般没有)</td> 
  </tr> 
  <tr> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 服务器地址</td> 
   <td style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 域名或IP</td> 
  </tr> 
  <tr> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 服务器端口号</td> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 服务端口号，省略则取默认端口号</td> 
  </tr> 
  <tr> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 带层次的文件路径</td> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 指定服务器上的文件路径来定位特指的资源</td> 
  </tr> 
  <tr> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 查询字符串</td> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 使用查询字符串传入参数</td> 
  </tr> 
  <tr> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 片段标识符</td> 
   <td colspan="1" style="border:1px solid rgb(221,221,221); padding:7px 10px; vertical-align:top"> 标记以获取资源中的子资源（文档内的某个位置）</td> 
  </tr> 
 </tbody> 
</table>

### 1.4.2. URI的示例 ###

![Center 8][]

# 2. HTTP协议 #

## 2.1. 通过请求和响应的交换达成通信 ##

![Center 9][]

### 2.1.1. 请求报文 ###

![Center 10][]

### 2.1.2. 响应报文 ###

![Center 11][]

## 2.2. HTTP请求方法 ##

### 2.2.1. GET:获取资源 ###

![Center 12][]

### 2.2.2. POST:传输实体主体 ###

![Center 13][]

![Center 14][]

### 2.2.3. PUT:传输文件 ###

PUT方法用来传输文件，像FTP协议一样，要求在请求报文的主体中包含文件内容，然后保存到请求URI指定的位置。

因为自身不带验证机制，有安全问题，因此一般不采用。若配合验证机制或者REST标准则可使用。

![Center 15][]

### 2.2.4. HEAD:获取报文头部 ###

HEAD和GET一样但不返回报文主体部分，用于确认URI的有效性及资源的更新时间等。

![Center 16][]

### 2.2.5. DELETE:删除文件 ###

DELETE与PUT作用相反，但不带安全验证机制一般不采用。

![Center 17][]

![Center 18][]

### 2.2.6. OPTIONS:询问支持的方法 ###

OPTIONS用来查询针对请求URI指定的资源支持的方法

![Center 19][]

### 2.2.7. TRACE:追踪路径 ###

TRACE用来查询发送出去的请求是怎样被加工修改/篡改的，因为易引发XST（跨站追踪）攻击，一般不使用。

![Center 20][]

### 2.2.8. CONNECT:要求用隧道协议连接代理 ###

CONNECT要求在与代理服务器通信时建立隧道，实现用隧道协议进行TCP通信。主要使用SSL（Source Sockets Layer:安全套接字）和TLS（Transport Layer Security:传输层安全）协议把通信内容加密后经网络隧道传输。

方法格式如下：

![Center 21][]

![Center 22][]

## 2.3. 持久连接 ##

### 2.3.1. keep-alive ###

为解决每进行一次HTTP通信就要断开一次TCP连接，增加了通信量的开销，HTTP/1.1通过keep-alive持久连接，只要任意一端没有明确提出断开连接，则保持TCP连接状态。

持久连接减少了TCP连接的重复建立和断开所造成的额外开销，减轻了服务器端的负载。

![Center 23][]

### 2.3.2. 管线化 ###

持续连接使得多数请求以管线化（pipelining）方式发送成为可能。管线化即同时并行发送多个请求，而不需要一个接一个等待响应。管线化技术比持续连接速度快，请求数越多越明显。

![Center 24][]

### 2.3.3. 使用cookie的状态管理 ###

HTTP是无状态协议，不对之前发生过的请求和响应的状态进行管理，即无法根据之前的状态进行本次的请求处理。无状态协议的优点在于不必保存状态，减少服务器CPU及内存资源的消耗。

cookie技术通过在请求和响应报文中写入cookie信息来控制客户端的状态。cookie会根据从服务端发送的响应报文内的一个叫做Set-Cookie的首部字段通知客户端保存Cookie；当客户端再往服务端发送请求时，客户端自动在请求报文中加入Cookie值后发送出去。服务器发现Cookie后会检查从哪个客户端发送来的连接请求，对比服务器上的记录，最后得到之前的状态信息。

![Center 25][]

![Center 26][]

![Center 27][]

[Center]: /images/20220612/6ed8fd665feb484db4a11418088dd83e.png
[Center 1]: /images/20220612/74345fa687f44850b07c69c46df31837.png
[Center 2]: /images/20220612/278a2dd66d244a09ad3d6d3af2bdc9e0.png
[Center 3]: /images/20220612/b5c3c2a595ed4c2fb65471e4ac0a46cf.png
[Center 4]: /images/20220612/7b9be54459734cc0871f6331d8b10b02.png
[Center 5]: /images/20220612/c7f4096c91ea4404a218aa2e6e10675e.png
[Center 6]: /images/20220612/9b31ebe7833f4e31a8bb77e95d5e96d1.png
[Center 7]: /images/20220612/67213d6a06a44bdf8a7f38ba88bcafb9.png
[Center 8]: /images/20220612/f22dc1fc2478444983eeb3d71de3e855.png
[Center 9]: /images/20220612/5615eeb432934ff2b37ee24af46962db.png
[Center 10]: /images/20220612/89f21ac256b94ab7990e634947f690eb.png
[Center 11]: /images/20220612/42dc734fa8d64454b2a60d37dacdc144.png
[Center 12]: /images/20220612/8cebcca6748e4696be7a2590b1691301.png
[Center 13]: /images/20220612/47ddaed8b88742c8a255fb486fdadbd7.png
[Center 14]: /images/20220612/0ae05e6a5861471690da612150a41b13.png
[Center 15]: /images/20220612/d30e4660d8694770ac0bafeffcb7f430.png
[Center 16]: /images/20220612/03d06288d2294e71ab7689b9781f3682.png
[Center 17]: /images/20220612/e58975f70fdb4b15813fde9a1f31a7c1.png
[Center 18]: /images/20220612/a8e045bc4d9d4ed7adcddd38dc6c7736.png
[Center 19]: /images/20220612/0f7bda74fda14405ba3f8a71fe745aaf.png
[Center 20]: /images/20220612/29f6447a85e84776af7a08ca5a23f71b.png
[Center 21]: /images/20220612/6b9c26f95ee84cf3a36ea7d670f033c8.png
[Center 22]: /images/20220612/3394c07a9ccd4749b1c6df45e0720038.png
[Center 23]: /images/20220612/12024d39ac7b493d912be594ecedbf51.png
[Center 24]: /images/20220612/7007ddab3dd247b193b9fa03f3a31644.png
[Center 25]: /images/20220612/5147f143cca542cda2913729b682eeb5.png
[Center 26]: /images/20220612/c274f532e4bb42178526c5a816b85d94.png
[Center 27]: /images/20220612/dd9f6af30e8b4c3a8cffa7dd494f24b6.png