▪️Angular - SSR (伺服器端渲染)
2025-3-18
| 2025-3-27
字數 303閱讀時間 1 分鐘
Angular SSR 是使用 Angular Universal 技術在伺服器上渲染應用程式的 HTML,再回傳給使用者瀏覽器。
 
預設的 Angular 是在客戶端渲染的 (CSR)
但這會導致:
  • 搜尋引擎難以爬取(SEO 差)
  • 首次載入時間較慢(需要等 JavaScript 完全載入後才顯示)
而使用 SSR 的好處:
  • 提升 SEO:HTML 頁面在伺服器上先渲染好,搜尋引擎能正確爬取內容
  • 首屏載入快:用戶第一時間看到完整頁面
  • 支援社群媒體預覽(如 Facebook, Line 分享時能顯示正確內容)
 

安裝


 
此#指令會自動安裝 ssr 所需套件,並在專案新增以下檔案
 
可以使用不同的 environment.ts 或在 server.ts 裡使用 dotnet 讀取設定
▪️
dotenv - 開發端環境變數設定
 
  • Angular
  • Prometheus - 甚麼是 Prometheus ?Angualr - @Pipe
    Loading...
    目錄