Angular 特定語言指南

本 Angular 語言專屬指南將展示如何使用 Docker 將 Angular 應用程式容器化，並遵循建立高效率、生產就緒容器的最佳實踐。

Angular 是一個強大且廣泛採用的框架，用於建構動態的企業級網頁應用程式。然而，隨著應用程式的擴展，管理相依套件、環境和部署可能會變得複雜。Docker 透過為開發和生產環境提供一致、隔離的環境，簡化了這些挑戰。

致謝

Docker 衷心感謝 Kristiyan Velkov 撰寫本指南。身為 Docker Captain 與經驗豐富的前端工程師，他在 Docker、DevOps 以及現代網頁開發方面的專業知識，使得這份資源對社群至關重要，幫助開發人員導航並優化他們的 Docker 工作流程。

您將學到什麼？

在本指南中，您將學習如何：

• 使用 Docker 容器化並執行 Angular 應用程式。
• 在容器內為 Angular 設定本機開發環境。
• 在 Docker 容器內執行 Angular 應用程式的測試。
• 為您的容器化應用程式使用 GitHub Actions 設定 CI/CD 管線。
• 將容器化的 Angular 應用程式部署到本機 Kubernetes 叢集，以進行測試與除錯。

您將從容器化現有的 Angular 應用程式開始，並逐步進階到生產層級的部署。

先決條件

在開始之前，請確保您具備以下基礎知識：

• 對 TypeScript 和 JavaScript 的基本理解。
• 熟悉 Node.js 和 npm，以便管理相依套件與執行指令碼。
• 熟悉 Angular 基礎知識。
• 理解核心 Docker 概念，例如映像檔 (Images)、容器 (Containers) 和 Dockerfile。如果您是 Docker 新手，請從 Docker 基礎指南開始。

完成 Angular 入門課程後，您將完全準備好運用本指南中概述的詳細範例和最佳實踐，來容器化您自己的 Angular 應用程式。

模組

1. 容器化

   了解如何透過建立經效能、安全性與可擴展性最佳化、適合生產環境的映像檔，來使用 Docker 容器化 Angular 應用程式。

2. 開發應用程式

   了解如何使用容器在本機開發 Angular 應用程式。

3. 執行測試

   了解如何在容器中執行 Angular 測試。

4. 使用 GitHub Actions 自動化建置流程

   了解如何為您的 Angular 應用程式設定 GitHub Actions CI/CD。

5. 測試部署

   了解如何部署到本機以測試與除錯您的 Kubernetes 部署。