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。