Angular SSR 是使用 Angular Universal 技術在伺服器上渲染應用程式的 HTML,再回傳給使用者瀏覽器。
預設的 Angular 是在客戶端渲染的 (CSR)
但這會導致:
- 搜尋引擎難以爬取(SEO 差)
- 首次載入時間較慢(需要等 JavaScript 完全載入後才顯示)
而使用 SSR 的好處:
- 提升 SEO:HTML 頁面在伺服器上先渲染好,搜尋引擎能正確爬取內容
- 首屏載入快:用戶第一時間看到完整頁面
- 支援社群媒體預覽(如 Facebook, Line 分享時能顯示正確內容)
安裝
此#指令會自動安裝 ssr 所需套件,並在專案新增以下檔案
可以使用不同的
dotenv - 開發端環境變數設定environment.ts
或在 server.ts
裡使用 dotnet 讀取設定