HTTP 使用指南| 青训营笔记

57 阅读2分钟

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

课程重点

  1. HTTP 协议的基本定义
  2. HTTP 协议主要特征
  3. HTTP 协议发展历程
  4. HTTP 协议的报文结构
  5. 场景分析 - 静态资源
  6. 场景分析 - 登录
  7. HTTP 协议实战-浏览器
  8. HTTP 协议实战-Node篇
  9. 网络优化手段
  10. HTTP协议拓展-通信方式

详细知识点介绍

初识HTTP

image.png

什么是HTTP

  • Hyper Text Transfer Protocol 超文本传输协议
  • 应用层协议,基于TCP协议
  • 请求 响应
  • 简单可扩展
  • 无状态

image.png

协议分析

发展

image.png

HTTP1/1.1

image.png

Method

image.png

image.png

状态码

image.png

RESTful API

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

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

image.png

常用请求头

image.png

常用响应头

image.png

缓存

image.png

image.png

cookie

image.png

HTTP/2

概述

更快,更稳定,更简单

image.png

image.png

image.png

HTTPS

概述

  • HTTPS:Hypertext Transfer Protocol Secure
  • 经过TSL/SSL加密
  • 对称加密:加密和解密都是使用同一个密钥
  • 非对称加密,加密和解密需要使用两个不同的密钥:公钥(public key)和私钥(private key)

image.png

image.png

场景分析

image.png

image.png

image.png

image.png

静态资源方案:缓存+CDN+文件名hash

image.png

登录

  • 业务场景
    • 表单登录
    • 扫码登陆
  • 技术方式
    • SSO

image.png

image.png

image.png

HTTP默认端口80,HTTPS默认端口443

image.png

image.png

跨域

image.png

跨域解决方案

image.png

image.png

image.png

鉴权

image.png

image.png

image.png

实战

浏览器

image.png

image.png

node

image.png

image.png

用户体验

image.png

image.png

了解更多

WebSocket

image.png

QUIC

image.png

课后个人总结

学习http后我感觉对于前后端的交互更加了解,对于请求的方法、状态码、请求头、响应头等有了更深刻的理解。使用Promise对请求进行了封装,更好的处理了异步请求的问题。能够使用axios/fetch等库进行网络请求。

引用参考

HTTP 使用指南