浅识HTTP|青训营笔记

花遇和风
81 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的第10天

1. 初识HTTP

HTTP超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII形式给出；而消息内容则具有一个类似MIME的格式。

2. 协议分析

  1. 发展
    1. HTTP/0.9(单行协议)
      • 请求GET
      • 响应只有HTML文档
    2. HTTP/1.0(构建可扩展性)
      • 增加了Header
      • 有了状态码
      • 支持多种文档类型
    3. HTTP/1.1(标准化协议)
      • 链接复用
      • 缓存
      • 内容协商
    4. HTTP/2(更优异的表现)
      • 二进制协议
      • 压缩header
      • 服务器推送
    5. HTTP/3(草案阶段)
  2. 报文
    • method
      • GET——请求资源
      • POST——用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用
      • PUT——用请求有效载荷替换目标资源的所有当前表示
      • DELETE——删除指定资源
      • HEAD——请求一个与GET请求的响应相同的响应，但没有响应体
      • CONNECT——建立一个到由目标资源标识的服务器的隧道。
      • OPTIONS——用于描述目标资源的通信选项。
      • TRACE——沿着到目标资源的路径执行一个消息环回测试。
      • PATCH——用于对资源应用部分修改。
    • Safe(安全的): 不会修改服务器的数据的方法,GET HEAD OPTION
    • Idempotent(幂等): 同样的请求被执行一次与连续执行多次的效果是一样，服务器的状态也是一样的所有的safe方法都是Idempotent的，GET HEAD OPTION PUT DELETE
    • RESTful API(一种API设计风格)
      1. 每一个URL代表一种资源
      2. 客户端和服务器之间，传递这种资源的某种表现层
      3. 客户端通过HTTP method，对服务器端资源进行操作，实现“表现层状态转化”
    • 常用请求头
      • Accept——接收类型
      • Content-Type——客户端发送出去实体内容的类型
      • Cache-Control——指定请求和响应遵循的缓存机制，如no-cache
      • If-Modified-Since——对应服务端的Last-Modified，用是否变动，只能精确到1s之间
      • Expires——缓存控制，在这个时间内不会请求，直接使用缓存，服务端时间
      • Max-age——代表资源在本地缓存多少秒，有效时间内不会请求，而是使用缓存
      • If-None-Match——对应服务端的ETag，用来匹配文件内容是否改变(很精准)
      • Cookie——有cookie并且同域访问时会自动带上
      • Referer——该页面的来源URL
      • Origin——最初的请求是从哪里发起的，比referer更尊重隐私
      • User-Agent——对客户端的一些必要性信息
    • 常用响应头
      • Content-Type——服务端返回的实体内容的类型
      • Cache-Control——指定请求和响应遵循的缓存机制
      • Last-Modified——请求的资源最后修改时间
      • Expires——应该在什么时候认为文档已经过期，从而不在缓存它
      • Max-age——客户端的本地资源应该缓存多少秒，开启了Cache-Control有效
      • ETag——资源的特定版本的标识符，类似于指纹
      • Set-Cookie——设置页面关联的cookie
      • server——服务器的信息
      • Access-Control-Allow-Origin——服务器允许的请求Origin头部
    • 缓存
      %ZB42TMR4(EM(1JK%8)RMAT.png
    • cookie JW}C90IRT}X`DN9$RAVP5.png
  3. 发展
    • 交错发送接收方重组织(建立字节流，每一个message对应一个帧)
    • HTTP/2连接永久的，而且仅需要每个来源一个连接
    • 控制流:组织发送方向接受法方发送大量数据的机制(看视频的时候，暂停了后续就不会去缓存视频，去缓存优先级更高的东西，就控制了数据的流失)

4. 实际应用

  1. 浏览器
    • AJAX之XHR
      IGVJD3_8`386JH30)B33U.png
    • AJAX之Fetch
      • 使用Promise
      • 模块化设计
      • 通过数据流处理对象 090}MMB%C9ELP{T6KSYR.png
  2. node
    • HTTP
      • 功能有限 )7G96CSUP6Y3_VIWVUA~2`J.png
    • axios
      • 支持浏览器
      • 丰富的拦截器 8$J2U~0V{X214AD9ZMA2.png

总结

个人感觉HTTP内容太多，太难了，来个人救救孩子吧，咳咳，虽然有点难，但是有些实用的东西还是该记的。加油吧！！！Try to be better

avatar
文章
阅读
粉丝