HTTP 使用指南| 青训营笔记

jqpycs
101 阅读5分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天

image.png

一、本堂课重点内容:

  1. HTTP协议简介
  2. HTTP协议的基本结构与发展历程
  3. 常见场景中的HTTP协议应用
  4. 在不同的环境中发起HTTP请求
  5. 知识扩展，了解更多网络通信协议

二、详细知识点介绍:

2.1 什么是HTTP

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

2.2 HTTP协议的基本结构与发展历程

2.2.1 HTTP协议的发展

image.png

2.2.2 HTTP协议分析-报文

image.png

2.2.2.1 Method

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

Safe（安全的）：不会修改服务器的数据的方法。GET HEAD OPTIONS

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

2.2.2.2 状态码

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

2.2.2.3 RESTful API

RESTful API:一种API设计风格; REST -Representational State Transfer

  1. 每一个URI代表一种资源;
  2. 客户端和服务器之间,传递这种资源的某种表现层;
  3. 客户端通过HTTP method，对服务器端资源进行操作．实现"表现层状态转化"。

2.2.2.4 常用请求头

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

2.2.2.5 常用响应头

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.2.2.6 缓存

强缓存：

  • Expires，时间戳

  • Cache-Control

    • 可缓存性

      • no-cache：协商缓存验证
      • no-store：不使用任何缓存

    • 到期

      • max-age：单位是秒，存储的最大周期，相对于请求的时间

    • 重新验证*重新加载

      • must-revalidate：一旦资源过期，在成功向原始服务器验证之前，不能使用

协商缓存：

  • Etag/If-None-Match：资源的特定版本的标识符，类似于指纹
  • Last-Modified/If-Modified-Since：最后修改时间

2.2.2.7 cookie

Set-Cookie-response

Name=value各种cookie的名称和值
Expires=DateCookie的有效期，缺省时Cookie仅在浏览器关闭之前有效
Path=Path限制指定Cookie的发送范围的文件目录，默认为当前
Domain=domain限制cookie生效的域名，默认为创建cookie的服务域名
secure仅在HTTPS安全连接时，才可以发送Cookie
HttpOnlyJavaScript脚本无法获得Cookie
SameSite=[None | Strict | Lax]1、None同站、跨站请求都可发送 2、Strict仅在同站发送 3、允许与顶级导航一起发送，并将与第三方网站发起的GET请求一起发送

2.2.3 协议分析-发展

HTTP/2概述：更快、更稳定、更简单

帧（frame）：HTTP/2通信的最小单位，每个帧都包含帧头，至少也会标识出当前帧所属的数据流。

  • 交错发送，接收方重组织

特性：

  • HTTP/2连接都是永久的，而且仅需要每个来源一个连接
  • 流控制：阻止发送方向接收方发送大量数据的机制

2.3 常见场景

2.3.1 静态资源

缓存+CDN+文件名hash

  • CDN：Content Delivery Network
  • 通过用户就近性和服务器负载的判断，CDN确保内容以一种极为高效的方式为用户的请求提供服务。

三、参考

  • 字节跳动青训营视频+课件

  • 《HTTP权威指南》

  • 《图解HTTP》

avatar
文章
阅读
粉丝