42、单页面应用与微服务可观测性全解析

单页面应用与微服务可观测性全解析

1. 单页面应用（SPA）相对多页面应用（MPA）的优势

单页面应用（SPA）相较于多页面应用（MPA）具有诸多优势，尤其适用于微服务架构，具体如下：
- 页面渲染速度快 ：除了应用的初始加载，页面渲染更快。因为 HTML 生成在客户端（浏览器）进行，减少了数据下载量（无 HTML，主要是 JSON 内容），且 HTML、CSS 和 JavaScript 在应用的整个生命周期内只需加载一次。
- 减轻服务器负载 ：服务器无需再负责生成 HTML 内容，从而减轻了负载。这减少了 Web 应用扩展的需求，避免了许多与会话处理相关的问题。每个对后端 API 的请求都会携带一个令牌（用于身份验证），每个 API 端点负责管理其会话处理方式。
- 部署环境灵活 ：由于应用设计简单（仅包含 HTML、CSS 和 JavaScript），它可以托管在任何可通过 HTTP 访问的环境中，无需高级 Web 服务器功能。
- 数据交互灵活 ：应用更加灵活，可以轻松与任意数量的微服务（通过 API）进行交互，以获取数据并进行适当的渲染。
- 数据缓存有效 ：SPA 主要从基于标准 HTTP 的 REST API 检索数据，因此可以有效地缓存数据并离线使用。一个实现良好的 REST API 支持 HTTP ETags 和类似的缓存验证，便于浏览器有效地存储、验证和使用客户端缓存。

下面是 SPA 请求流程的 mermaid 流程图：