**这是我参与「第五届青训营 」伴学笔记创作活动的第5天
1.重点内容
- http的基本定义
- http协议的主要特征
- http协议发展历程
- http的结构
2.详细知识
2.1 什么是HTTP
http(Hyper Text Transfer Protocol) 超文本传输协议常用来传输HTML,CSS,WebAPI,jS等网络上的资源，是一个基于TCP的应用层协议,也可以叫做请求-响应协议
特点：简单可扩展， 无状态
2.2 HTTP发展
HTTP/0.9单行协议- 请求GET/mypage.html
- 响应只有HTML文档
HTTP/1.0构建可扩展性- 增加了Header
- 有了状态码
- 支持多种文档类型
HTTP/1.1标准化协议- 链接复用
- 缓存
- 内容协商等
HTTP/2更优异的表现- 二进制协议
- 压缩header
- 服务器推送
- ...
HTTP/3草案
2.3 HTTP的主要结构
2.3.1 请求方法Method
标识这个请求是个什么类型的请求
格式：
Request Method: GET
| 属性名 | 描述 |
|---|---|
| GET | 请求一个指定资源的表示形式，使用GET的请求应该制备用于获取数据 |
| POST | 用具将实体提交到指定的资源，通常导致再服务器上的状态发生变化或副作用 |
| DELETE | 删除指定资源 |
| HEAD | 请求一个与GET请求的响应相同的响应，但没有响应体 |
| CONNECT | 建立一个到由目标资源表示的服务器的隧道 |
| OPTIONS | 用于描述目标资源的通信选项 |
| TRACE | 沿着到目标资源的路径执行一个消息环回测试 |
| PATCH | 用于对资源应用部分的修改 |
| PUT | 用于请求有效荷载替换目标资源的所有当前表示 |
该上属性中不会修改服务器的数据方法我们认为(Safe)安全的如：GET,HEAD, OPTIONS
Idempotent(幂)：同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的，所有safe的方法都是Idmpotent的 如：GET, HEAD, OPTIONS, PUT, DELETE
2.3.2 状态码
一些常见的状态码：
- 200 ok - 客户端请求成功
- 301 - 资源（网页等）被永久转移 到其他URL
- 302 - 临时跳转
- 401 Unauthorized - 请求喂未经授权
- 404 - 请求资源不存在，可能是输入了错误的URL
- 500 - 服务器内部发生不可预期的错误
- 504 Gateway Timeout - 网关或者代理的服务器无法在规定的时间内获得想要的响应
2.3.3 常用请求头
| 名称 | 描述 |
|---|---|
| Accept | 接收类型，表示浏览器支持的MIME类型(对标服务端返回的Content-Type) |
| Content-Type | 客户端发送出去实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制，如no-cache |
| lf-Modified-Since | 对应服务端的Last-Modified,用来匹配看文件是否变动，只能精确到1s之内 |
| Expires | 缓存控制，在这个时间内不会请求，直接使用缓存，服务端时间 |
| Max-age | 代表资源在本地缓存多少秒,有效时间内不会请求，而是使用缓存 |
| lf-None-Match | 对应服务端的ETag，用来匹配文件内容是否改变（非常精确) |
| Cookie | 有cookie并且同域访问时会自动带上 |
| Referer | 该页面的来源URL(适用于所有类型的请求，会精确到详细页面地址, csrf拦截到这个字段) |
| Origin | 最初的请求是从哪里发起的(只会精确到端口),Origin比Referer更尊重隐私 |
| User-Agent | 用户客户端的一些必要信息，如UA头部等 |
2.3.4 常用响应头
| 名称 | 描述 |
|---|---|
| Content-Type | 服务端返回的实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制,如no-cache |
| Last-Modified | 请求资源的最后修改时间 |
| Expires | 应该在什么时候认为文档已经过期,从而不再缓存它 |
| Max-age | 客户端的本地资源应该缓存多少秒、开启了Cache-Control后有效 |
| ETag | 资源的特定版本的标识符, Etags类似于指纹 |
| Set-Cookie | 设置和页面关联的cookie，服务器通过这个头部把cookie传给客户端 |
| Server | 服务器的一些相关信息 |
| Access-Control-Allow-Origin | 服务器端允许的请求Origin头部（譬如为*) |
2.3.5 缓存
强缓存
可以通过以下字段设置:
- Expires, 时间戳
- Canche-Control
-
可缓存性
- no-cache:协商缓存验证
- no-store:不使用任何缓存
-
到期
- max-age: 单位是秒，储存的最大周期，相对与请求的时间
- 重新验证*重新加载
- must-revalidate: 一旦资源鬼泣，在成功像原始服务器验证之前，不能使用
-
协商缓存
- Etag/If-None-Match: 资源的特定版本的标识符,类似于指纹
- Last-Modified/If-Modified-Since: 最后修改时间
2.3.6 cookie
cookie 是一种常用的鉴权方式，通过响应response里的set-Cookie设置
| 属性 | 描述 |
|---|---|
| Name=value | 各种cookie的名称和值 |
| Expires=Date | Cookie的有效期，缺省时Cookie仅在浏览器关闭之前有效。 |
| Path=Path | 限制指定Cookie的发送范围的文件目录，默认为当前 |
| Domain=domain | 限制cookie生效的域名，默认为创建cookie的服务域名 |
| secure | 仅在HTTPS安全连接时，才可以发送Cookie |
| HttpOnly | JavaScript脚本无法获得Cookie |
| SameSite=[None\Strict\Lax] | - None同站、跨站请求都可发送Strict仅在同站发送 - 允许与顶级导航一起发送，并将与第三方网站发起的GET请求一起发送 |
2.4 应用场景
- 静态资源方案： 缓存 + CDN + 文件名hash
- 登录
- 跨域
- 单点登录(Single Sign on)
2.5 扩展
RESTful API
RESTFUL API: 一种API设计风格
