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。