HTTP实用指南 | 青训营笔记

84 阅读5分钟

HTTP相关

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

  • 应用层协议,基于TCP协议
  • 请求 响应
  • 简单可扩展
  • 无状态

HTTP的发展经过很多的版本变更,目前来说最泛用的版本是1.1版本,这也是HTTP的标准化协议。现在也已经推出了HTTP/2,其相对于之前的1.1版本来说具有更优异的表现,很多大厂的应用也在支持HTTP2协议。目前HTTP协议也在不断地更新中,HTTP/3现在正处于草案阶段。

2XX成功,表示请求已被成功接收、理解、接受200 OK —— 客户端请求成功
3XX重定向,要完成请求必须进行更进一步的操作301 —— 资源(网页等)被永久转移到其它URL 302 —— 临时跳转
4XX客户端错误,请求有语法错误或请求无法实现401 Unauthorized —— 请求未经授权 404 —— 请求资源不存在,可能是输入了错误的URL
5XX服务器端错误,服务器未能实现合法的请求500 —— 服务器内部发生了不可预期的错误 504 Gateway Timeout —— 网关或者代理的服务器无法在规定的时间内获得想要的响应

常用请求头

请求头含义
Accept接收类型,表示浏览器支持的MIME类型(对标服务端返回的Content-Type)
Content-Type客户端发送出去实体内容的类型
Cache-Control指定请求和响应遵循的缓存机制
If-Modified-Since对应服务端的Last-Modified,用来匹配看文件是否变动,只能精确到1s之内
Expires缓存控制,在这个时间内不会请求,直接使用缓存,服务端时间
Max-age代表资源在本地缓存多少秒,有效时间内不会请求,而是使用缓存
If-None-Match对应服务端的ETag,用来匹配文件内容是否改变(非常精确)
Cookie有cookie并且同域访问会自动带上
Referer该页面的来源URL
Origin最初的请求是从哪里发起的,Origin比Referer更尊重隐私
User-Agent用户客户端的一些必要信息

常用响应头

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

强制缓存与协商缓存

强制缓存的过程是浏览器在第一次访问服务器时向服务器发送请求,服务器返回资源,之后浏览器再请求资源之前先通过max-age判断缓存有没有过期,没有过期的话直接从缓存里拿资源.通过Cache-Control来进行强制缓存的控制,其控制分为三个方面:第一个方面为可缓存性,通过no-cache设置协商缓存验证,通过no-store不使用任何缓存;第二个方面为缓存到期时间,通过max-age进行设置,单位为秒,表示存储的最大周期,相对于请求的时间;第三个方面为重新验证与重新加载,通过must-revalidate进行设置,一旦资源过期,在成功向原始服务器验证之前,不能使用。

协商缓存,这是一种服务端的缓存策略,其过程是浏览器向服务器发送请求,服务器返回资源和资源标识,浏览器再次请求资源时需向服务器发送请求和资源标识,服务器对资源标识进行判定,如果不是最新资源返回200状态码和最新资源与新的资源标识,如果是最新资源,服务器返回304状态码,直接从缓存中拿资源。

HTTP/2概述

特点是:更快、更稳定、更简单

主要特点有如下几个:

  1. 在HTTP/2中使用帧(frame)作为通信的最小单位,每个帧都包含帧头,帧头会标识出当前帧所属的数据流。
  2. 用二进制进行传输。

HTTPS

HTTPS的全称是“Hypertext Transfer Protocol Secure”,其采用TSL/SSL加密。

状态码200,一定发起了请求吗?

很明显,这个问题的答案是状态码200不一定发起了请求,通过之前的学习,我们知道浏览器中存在缓存机制,当使用强制缓存的时候,不需要发送请求到服务器,会直接读取浏览器本地缓存,在Chrome的Network中显示的HTTP状态码就为200。

缓存策略是怎么样的?

强制缓存中默认的Cache-Control为一年。

静态资源方案

缓存 + CDN + 文件名hash

CDN的全称是“Content Delivery Network”,其通过用户就近性和服务器负载的判断,确保内容以一种极为高效的方式为用户的请求提供服务。

同源/跨域

只要协议、域名、端口号三者中有一个不一样就是跨域,否则就是同源。

对于跨域问题的解决方案有:CORS、代理服务器、Iframe(存在诸多不便)

总结

简单了解HTTP之后对于日后构建Web是有很大价值的。