HTTP协议浅析（一）

先来看看百度百科对HTTP的解释

下面我会以逐步化简和细分流程图的形式告诉你HTTP的原理

当你访问这篇博客时，浏览器向服务器发出请求，服务器收到请求后，返回一个响应内容，浏览器渲染响应的内容后再展现给你。

graph LR
view(用户视图) --打开页面--> webbrowser(浏览器)
webbrowser --请求--> server(服务器)
server --响应--> engine(浏览器内核)
engine --渲染--> view

精简一下

graph LR
webbrowser(浏览器) --请求--> server(服务器)
server --响应--> webbrowser

深入一下请求和响应的过程

graph TD
webbrowser(浏览器) --> send-header(发送请求头)
send-header --> send-content(发送请求内容)
send-content --> server(服务器)
server --> res-header(发送响应头)
res-header --> res-content(发送响应内容)
res-content --> webbrowser

看到这里，你肯定会疑惑“请求头和响应头是什么？”

我们先来看看请求头的内容是什么

你可以用以下两种方式查看自己的请求头：

1. （以chrome为例）打开开发者模式，前往任意一个网站，选择network，筛选为Doc, 点击一个html，在右侧栏中你会看到request headers。
2. 前往http://httpbin.org/headers，它会返回你的请求头。

这里我们采用第2种，下面是返回的信息（为了方便理解，我添加了注释）

我们可以看到请求头采用了键值对的格式：

键：就是存的值的编号

值：就是要存放的数据

冒号前的就是键（编号），冒号后的就是值（数据）

ps：第1种和第2种方法查看的请求头格式可能不太一样，但是内容应该是一样的

{

  "headers": {

    //接受的文件格式

    "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9",

    "Accept-Encoding": "gzip, deflate",  //接受的编码方式

    "Accept-Language": "zh-CN,zh;q=0.9",  //接受的语言

    "Cache-Control": "no-cache",  // 缓存控制，告诉服务器不要使用缓存

    "Host": "httpbin.org",  //请求的域名

    "Pragma": "no-cache",  //这是为了兼容http/1.1之前的版本，现用Cache-Control

    "Upgrade-Insecure-Requests": "1",  //未知

    //用户代理，也就是告诉服务器用户使用什么工具发起的请求，如果你用浏览器访问，得到的一般是浏览器内核

    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36",

    "X-Amzn-Trace-Id": "************************"  //这是一个跟踪ID，暂时不知道有什么用，好像是负载均衡用的

  }

}

观察上面的键值对和我写的注释，可以发现请求头告诉了服务器一些基本信息

那么响应头是什么呢？我们还是先看看它的内容。

响应头查看方式：

1. （以chrome为例）打开开发者模式，前往任意一个网站，选择network，筛选为Doc, 点击一个html，在右侧栏中你会看到response headers。

HTTP/1.1 200 OK

Date: Sat, 06 Jun 2020 02:53:40 GMT

Content-Type: application/json

Content-Length: 580

Connection: keep-alive

Server: gunicorn/19.9.0

Access-Control-Allow-Origin: *

Access-Control-Allow-Credentials: true

我们来分析一下响应头

第1行：HTTP协议版本 状态码 状态码描述

第2到最后一行：键：值

你有没有发现什么相似之处？对了！请求头和响应头都是键值对格式。

在http中，这种键值对叫作字段，键就是字段名称，值就是字段值。

到这，我们可以整合出两张图（图源网络）

HTTP请求格式

HTTP响应格式