Angular 8 服务端渲染


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

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

SSR

将 SPA 应用程序转换为 SSR 具有一定的优势,如下所示:

  • Speed : 第一次请求比较快。 SPA 的主要缺点之一是初始渲染速度慢。渲染应用程序后,SPA 应用程序非常快。 SSR 修复了初始渲染问题。

  • 搜索引擎优化友好 : 使网站对 SEO 友好。 SPA 的另一个主要缺点是网络爬虫无法为 SEO 进行爬网。 SSR 解决了这个问题。

角通用


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