day05 - HTTP实用指南 |青训营笔记

2022-07-31 135 阅读4分钟

day05 - HTTP实用指南 |青训营笔记

这是我参与「第四届青训营 - 前端场」笔记创作活动的的第05篇笔记

01.初识

Hyper Text Transfer Protocol超文本传输协议
应用层协议，基于TCP协议
请求响应
简单可扩展
无状态

02.协议分析

协议分析-报文

Method

GET 请求一个指定资源的表示形式.使用GET的请求应该只被用于获取数据.
POST 用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用
PUT 用请求有效载荷替换目标资源的所有当前表示
DELETE 删除指定的资源
HEAD 请求一个与GET请求的响应相同的响应，但没有响应体
CONNECT 建立一个到由目标资源标识的服务器的隧道。
OPTIONS 用于描述目标资源的通信选项。
TRACE 沿着到目标资源的路径执行一个消息环回测试。
PATCH 用于对资源应用部分修改。

Safe(安全的）∶不会修改服务器的数据的方法 GET HEAD OPTIONS

ldempotent (幂等)︰同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的所有safe的方法都是ldempotent的 GET HEAD OPTIONS PUT DELETE

状态码

常用请求头

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头部等

常用响应头

Content-Type 服务端返回的实体内容的类型
Cache-Control 指定请求和响应遵循的缓存机制，如no-cache
Last-Modified 请求资源的最后修改时间
Expires 应该在什么时候认为文档已经过期,从而不再缓存它
Max-age 客户端的本地资源应该缓存多少秒，开启了Cache-Control后有效
ETag 资源的特定版本的标识符, Etags类似于指纹
Set-Cookie 设置和页面关联的cookie，服务器通过这个头部把cookie传给客户端
Server 服务器的一些相关信息
Access-Control- 服务器端允许的请求Origin头部（譬如为*)
Allow-Origin-Allow-Origin 服务器端允许的请求Origin头部（譬如为*)

缓存

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]
1. None同站、跨站请求都可发送
2. Strict仅在同站发送
3. 允许与顶级导航一起发送，并将与第三方网站发起的GET请求一起发送

03.常见场景

跨域解决方案
CORS
代理服务器
同源策略是浏览器的安全策略,不是HTTP的
lframe
诸多不便

04.实际应用

05.了解更多

QUIC: Quick UDP Internet Connection

O-RTT建联(首次建联除外)。
类似TCP的可靠传输。
类似TLS的加密传输，支持完美前向安全。
用户空间的拥塞控制,最新的BBR算法。
支持h2的基于流的多路复用,但没有TCP的
HOL问题。
前向纠错FEC。
类似MPTCP的Connection migration。