HTTP实用指南 | 青训营笔记

Eliauk要努力
51 阅读4分钟

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

一、初识HTTP

什么是HTTP

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

二、协议分析

协议分析——报文

Method

GET请求一个指定资源的表示形式，使用GET的请求应该只被用于获取数据
POST用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用
PUT用请求有效载荷替换目标资源的所有当前表示
DELETE删除指定的资源
HEAD请求一个与GET请求的响应相同的响应，但没有响应体
CONNECT建立一个到由目标资源标识的服务器的隧道
OPTIONS用于描述目标资源的通信选项
TRACE沿着到目标资源的路径执行一个消息环回测试
PATCH用于对资源应用部分修改

Safe（安全的）：不会修改服务器的数据的方法 GET HEAD OPTIONS

Idempotent（幂等）：同样的请求被执行一次与连续执行多次的效果是一样的，服务器的状态也是一样的

所有safe的方法都是Idempotent的 GET HEAD OPTIONS PUT DELETE

状态码

  • 200 OK - 客户端请求成功
  • 301 - 资源（网页等）被永久转移到其他URL
  • 302 - 临时跳转
  • 401 Unauthorized - 请求未经授权
  • 404 - 请求资源不存在，可能是输入了错误的URL
  • 500 - 服务器内部发生了不可预期的错误
  • 504 Gateway Timeout - 网关或者代理的服务器无法在规定的时间内获得想要的响应

RESTful API

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

（1）每一个URL代表一种资源

（2）客户端和服务器之间，传递这种资源的某种表现层

（3）客户端通过HTTP method，对服务器端资源进行操作，实现“表现层状态转化”

请求返回码含义
GET /zoos200 OK列出所有动物园，服务器成功返回了
POST /zoos201 CREATED新建一个动物园，服务器创建成功
PUT /zoos/ID400 INVALID REQUEST更新某个指定动物园的信息（提供该动物园的全部信息）用户发出的请求有错误，服务器没有进行新建或修改数据的操作
DELETE /zoos/ID204 NO CONTENT删除某个动物园，删除数据成功

协议分析——发展

HTTP/2概述：更快、更稳定、更简单

帧（frame）：HTTP/2通信的最小单位，每个帧都包含帧头，至少也会标识出当前帧所属的数据流。

  • 二进制

消息：与逻辑请求或响应消息对应的完整的一系列帧。

数据流：已建立的连接内的双向字节流，可以承载一条或多条消息。

  • 交错发送，接收方重组织

  • HTTP/2连接都是永久的，而且仅需要每个来源一个连接

  • 流控制：阻止发送方向接收方发送大量数据的机制

HTTP概述

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

三、场景分析

静态资源

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

  • CDN：Content Delivery Network
  • 通过用户就近性和服务器负载的判断，CDN确保内容以一种极为高效的方式为用户的请求提供服务

登录

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

跨域解决方案

  • CORS
  • 代理服务器
    • 同源策略是浏览器的安全策略，不是HTTP的
  • Iframe
    • 诸多不便

四、实战

浏览器篇

AJAX之XHR

  • XHR：XMLHttpRequest
  • readyState
0UNSENT代理被创建，但尚未调用open（）方法
1OPENEDopen（）方法已经被调用
2HEADERS_RECEIVEDsend（）方法已经被调用，并且头部和状态已经可获得
3LOADING下载中；responseText属性已经包含部分数据
4DONE下载操作已经完成

AJAX之Fetch

  • XMLHttpRequest的升级版
  • 使用Promise
  • 模块化设计，Response，Request，Header对象
  • 通过数据流处理对象，支持分块读取

node篇

标准库：HTTP/HTTPS

  • 默认模块，无需安装其他依赖
  • 功能有限/不是十分友好

实战

常用的请求库：axios

  • 支持浏览器、nodejs环境
  • 丰富的拦截器

用户体验

稳定性

graph LR
稳定性 --- 重试机制
重试机制 --- 超时
重试机制 --- 错误
稳定性 --- 缓存
稳定性 --- 数据安全
数据安全 --- HTTPS
数据安全 --- 劫持
  • 重试是保证稳定的有效手段，但要防止加剧恶劣情况
  • 缓存合理使用，作为最后一道防线

五、了解更多

扩展——通信方式

WebSocket

  • 浏览器与服务器进行全双工通讯的网络技术
  • 典型场景：实时性要求高，例如聊天室
  • URL使用ws：//或wss：//等开头
avatar
文章
阅读
粉丝