HTTP协议 | 青训营笔记

75 阅读1分钟

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

一、初始HTTP协议

HTTP是超文本传输协议,是应用层基于TCP的协议,它的工作机制就是请求响应,它简单可扩展而且无状态。

这是它的发展历程 image.png

协议报文:有 image.png

协议请求的方法: image.png

这些方法的特性: image.png

报文的状态码: image.png

RESTful API:是一种API设计风格 image.png

常用的请求头:Cookie可以用在用户是否登录上 image.png

常用的响应头: image.png

请求头--缓存:强缓存说的是本地有了就直接用就好,协商缓存说的是本地有但是不知道能不能用,需要通信协商才知道 image.png

image.png

Cookie携带的信息: image.png

二、场景分析

静态资源

我们如果第一次访问则没有缓存,就需要去CDN拿数据,且去地理距离最近的CDN获取缓存 image.png

登录

跨域cross-origin:协议和主机名和端口号有一个不一样都叫跨域 image.png 跨域解决方案: image.png

登录鉴权:JWT用在微信或者链接识别身份较多 image.png

SSO单点请求:比如在一个大应用中有A子网站和B子网站,用户如果登录了A发现B也登录了。要实现这个就是需要单点请求,用户访问A网站,网站A发现自己没有登录态,就会去查看SSO站点有没有登录态,如果没有就会在SSO站点登录,并种下cookie,然后重定向请求到返回A网站,并携带Cookie,这样访问其他的也会是登录态了。

三、实战

浏览器

发起请求:

- XHR image.png

- Fetch image.png

Node

- Http image.png

- axios 可以识别环境,并有封装好的Api image.png