第六届字节跳动青训营 初识 HTTP 协议 笔记 | 青训营

60 阅读4分钟

初识 HTTP 协议 - 掘金 (juejin.cn)

笔者在学习该课程后,对课程中的部分知识点进行总结梳理,给出自己的理解和思考,并给他同学一些建议

什么是HTTP

HTTP:Hyper Text Transfer Protocol(超文本传输协议)

基于TCP协议的应用层协议

包含请求、响应

简单、可拓展

无状态(可赋予状态)

HTTP发展历程

HTTP/0.9单行协议

请求GET/mypage.html

响应只有HTML文档

HTTP/1.0 构建可拓展性

增加了Header

有了状态码

支持多种文档类型

HTTP/1.1 标准化协议

链接复用

缓存

内容协商

HTTP/2 更优异的表现

二进制协议

压缩header

服务器推送

HTTP/3 草案

...  

思考:HTTP的内容不断丰富

报文分析

Method

选项

GET:请求一个指定资源的表示形式,使用GET的请求应该只被用于获取数据

POST:用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用

PUT:用请求有效载荷替换目标资源的所有当前表示

DELETE:删除指定的资源

HEAD:请求一个与GET请求的响应相同的响应,但没有响应体

CONNECT:建立一个到由目标资源标识的服务器的隧道。

OPTIONS:用于描述目标资源的通信选项。

TRACE: 沿着到目标资源的路径执行一个消息环回测试。

PATCH:用于对资源应用部分修改

特点

Safe(安全的):不会修改服务器的数据的方法

GET HEAD OPTIONS

ldempotent (幂等):同样的请求被执行一次与连续执行多次的效果是一样的,服务器的状态也是一样的

所有safe的方法都是Idempotent 的

GET HEAD OPTIONS PUT DELETE

状态码

image.png

举例

200 OK -客户端请求成功

301 -资源(网页等)被永久转移到其它 URL

302 -临时跳转

401 Unauthorized -请求未经授权

404-请求资源不存在,可能是输入了错误的 URL

500 -服务器内部发生了不可预期的错误

504 Gateway Timeout-网关或者代理的服务器无法在规

定的时间内获得想要的响应。

思考:状态码反映了资源交换的状态,方便了开发,调试,维护,也为用户提供方便

常用请求头

Accept:接收类型,表示浏览器支持的MIME类型(对标服务端返回的Content-Type)

Content-Type:客户端发送出去实体内容的类型

Cache-Control:指定请求和响应遵循的缓存机制,如no-cache

If-Modified-Since:对应服务端的Last-Modified,用来匹配看文件是否变动,只能精确到1s之内

Expires:缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间

Max-age:代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存

If-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- Allow-Origin:服务器端允许的请求Origin头部(譬如为*)

Cookie

Set-Cookie - response

Name=value:各种cookie的名称和值

Expires=Date :Cookie 的有效期,缺省时Cookie仅在浏览器关闭之前有效。

Path=Path:限制指定Cookie 的发送范围的文件目录,默认为当前

Domain=domain:限制cookie生效的域名,默认为创建cookie的服务域名

secure:仅在HTTPS 安全连接时,才可以发送Cookie

HttpOnly:JavaScript 脚本无法获得Cookie

SameSite=[None|StrictlLax]:

• None 同站、跨站请求都可发送

• Strict 仅在同站发送

•允许与预级导航一起发送,并将与第三方网站发起的GET请求一起发送

课程总结和建议

本课程介绍了HTTP协议的基本定义和特点,在此基础上,对HTTP协议的发展历程及报文结构作进一步分析。本课程适合于入门同学学习,是前端的基础必修课程,可以帮助同学们更好地理解前端的其他技术。  

部分截图、内容来源于课程