这是我参与「第四届青训营 」笔记创作活动的的第8天
01.初识
什么是HTTP？
- Hyper Text Transfer Protocol：超文本传输协议
- 应用层协议，基于TCP协议
- 特点：语义简单、可拓展、无状态（每一个请求孤立）
请求 响应
02.协议分析
发展
报文
Method
特点：
- Safe（安全）：不会修改服务器的数据的方法（GET,HEAD,OPTIONS)
- Idempotent（幂等）：同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的，所有safe的方法都是idempatent的(GET,HEAD,OPTIONS,PUT,DELETE)
状态码
RESTful API
一种API设计风格；REST-Representational State Transfer
- 每一个URI代表一种资源；
- 客户端和服务器之间，传递这种资源的某种表现层；
- 客户端通过HTTP method，对服务器端资源进行操作，实现“表现层状态转化”。
常用请求头
常用响应头
缓存
cookie
发展
HTTP/2概述：更快、更稳定、更简单
- 帧（frame）:最小通信单位，每个帧都包含帧头，至少也会标识出当前帧所属的数据流。
- 消息：与逻辑请求或响应消息对应的完整的一系列帧。
- 数据流：已建立的连接内的双向字节流，可以承载一条或多条消息。
- 复用性：HTTP/2连接都是永久的，而且仅需要每个来源一个连接
- 流控制：阻止发送方向接收方发送大量数据的机制
- 服务器推送
HTTPS
- HTTPS：Hypertext Transfer Protocol Secure
- 经过TSL/SSL加密
- 对称加密：加密和解密都是使用同一个密钥
- 非对称加密，加密和解密需要使用两个不同的密钥：公钥（public key）和私钥（private key）
03.场景分析
静态资源
静态资源方案：缓存+CDN+文件名hash
- CDN:Content Delivery Network
- 通过用户就近性和服务器负载的判断，CDN确保内容以一种极为高效的方式为用户的请求提供服务
登录
- 业务场景
- 表单登录
- 扫码登录
- 技术方式
- SSO
- SSO
同域与跨域：
跨域
解决方案：
登陆
鉴权
SSO单点登录（single sign on）
04.实际应用
浏览器篇
node篇
常用的请求库：axios
- 支持浏览器、nodejs环境
- 丰富的拦截器
用户体验
网络优化
预解析、预连接
<link rel="dns-prefetch" href="//example.com">
<link rel="preconnect" href="//cdn.example.com" crossrigin>
稳定性
- 重试是保证稳定的有效手段，但要防止加剧恶劣情况
- 缓存合理使用，作为最后一道防线
05.了解更多
通信方式
WebSocket
- 浏览器与服务器进行全双工通讯的网络技术
- 典型场景：实时性要求高，例如聊天室
- URL使用ws://或wss://等开头
