Angular - 服务器端渲染

服务器端渲染 (SSR) 是一种现代技术，用于将浏览器中运行的单页面应用程序 (SPA) 转换为基于服务器的应用程序。通常，在 SPA 中，服务器返回一个简单的 index.html 文件，其中包含对基于 JavaScript 的 SPA 应用程序的引用。SPA 应用程序从那里接管，配置整个应用程序，处理请求，然后发送最终响应。

但在支持 SSR 的应用程序中，服务器也执行所有必要的配置，然后将最终响应发送到浏览器。浏览器呈现响应并启动 SPA 应用程序。SPA 应用程序从那里接管，并将进一步的请求转移到 SPA 应用程序。SPA 和 SSR 的流程如下图所示。

将 SPA 应用程序转换为 SSR 提供了一些优势，如下所示：

• 速度：第一个请求相对较快。SPA 的主要缺点之一是初始渲染速度慢。一旦应用程序呈现，SPA 应用程序的速度就相当快。SSR 解决了初始渲染问题。

• SEO 友好：使网站对 SEO 友好。SPA 的另一个主要缺点是无法被网络爬虫抓取以用于 SEO。SSR 解决了这个问题。

Angular Universal

要在 Angular 中启用 SSR，Angular 应该能够在服务器上呈现。为了实现这一点，Angular 提供了一种称为 Angular Universal 的特殊技术。这是一种相当新的技术，并且正在不断发展。Angular Universal 知道如何在服务器上呈现 Angular 应用程序。我们可以将我们的应用程序升级到 Angular Universal 以支持 SSR。