4、超越服务器端渲染：同构 JavaScript 应用的进阶之路

超越服务器端渲染：同构 JavaScript 应用的进阶之路

1. 同构 JavaScript 应用的分类

同构 JavaScript 应用主要分为两类：可进行服务器端渲染的单页应用，以及利用同构 JavaScript 实现实时、离线和数据同步功能的应用。

传统的单页应用服务器端渲染方式适用于经典的电子商务网站，客户端发起 REST 调用，请求被路由到无状态的后端服务器，服务器查询数据库并将数据返回给客户端。

而实时应用则是另一类重要的同构 JavaScript 应用，如 Slack 聊天应用、Google Docs 共享文档应用、Uber 拼车应用等。这些应用具有丰富的交互界面和协作元素，允许用户实时共享数据。以下是实时应用的一些特点和相关概念：
- 实时应用的功能组件 ：
- 数据库变更监控机制 ：实时应用需要有机制来监控数据库的变化。
- 数据推送协议 ：基于 WebSockets 等推送技术的协议，将数据推送给客户端，也可以使用长轮询模拟服务器数据推送。
- 客户端缓存 ：客户端设置缓存，避免在重绘屏幕时频繁往返服务器。

2. 实时应用中的同构概念

实时应用架构中出现了三个有趣的同构概念：

2.1 同构 API

在同构实时应用中，客户端与本地数据缓存的交互方式和服务器与后端数据库的交互方式类似。服务器代码对数据库执行的语句，同样可以在客户端使用相同的数据库 API 从内存缓存中获取数据。这种客户端