Angular 8 - 服务端渲染

服务端渲染 (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。