根据青训营课程: HTTP 协议的应用场景分析 (讲师:杨超男) 自我分析除头条以外的网站http应用场景分析 本文章以掘金juejin.cn作为案例分析
步骤
- css 相关请求
场景分析: 静态资源
静态资源基本都会使用缓存的概念,这样会使得页面读取更快 第一次如何读取静态网站更快? CDN静态资源方案: 缓存+CDN+文件名hash CDN: Content Delivery Network。通过用户的就近性和服务器荷载的判断,CDN确保内容以一种极为高效的方式为用户的请求提供服务 文件名hash:在保证速度快的同时,保证更新时获取新的资源
200 是一定要经过完整的网络请求吗? 不,在我们这个案例里面,他是在本地缓存的响应,而不是经过长的整个获取(因为我再次刷新了)
有cache-control是强缓存。max-age以秒为单位,这里正好是一年
content type: css 文件。很直白的表明
场景分析 登录
表单登录(输入登录)/扫码登录 options 请求: 跨域,cross-origin 什么情况是跨域?:https 默认端口(port) 443 http 默认端口:80 用户登录分享: sso 单点登录(Single Sign On)
node.js 功能有限? 这里没懂 axios请求封装库 丰富拦截器
拓展-通信方式: websocket:浏览器服务器全双工通讯的网络技术。url使用ws/wss等开头 QUIC: Quick UDP Internet Connection. 利用进一步封装,类似TCP的可靠传输(加密传输)。也是http3草案的一部分
掘金和头条网站的http协议非常类似。