Angular 特定語言指南

這份針對 Angular 語言的特定指南將向您展示如何使用 Docker 容器化一個 Angular 應用程式,並遵循建立高效、可用於生產環境的容器的最佳實踐。

Angular 是一個強大且被廣泛採用的框架,用於構建動態的、企業級的 Web 應用程式。然而,隨著應用程式規模的擴大,管理依賴項、環境和部署可能會變得複雜。Docker 透過提供一個一致、隔離的開發和生產環境來簡化這些挑戰。

致謝

Docker 衷心感謝 Kristiyan Velkov 撰寫本指南。作為 Docker Captain 和經驗豐富的前端工程師,他在 Docker、DevOps 和現代 Web 開發方面的專業知識使該資源對社群至關重要,幫助開發者駕馭和最佳化他們的 Docker 工作流程。


您將學到什麼?

在本指南中,您將學習如何

  • 使用 Docker 容器化並執行一個 Angular 應用程式。
  • 在容器內為 Angular 設定本地開發環境。
  • 在 Docker 容器內為您的 Angular 應用程式執行測試。
  • 為您的容器化應用配置使用 GitHub Actions 的 CI/CD 管道。
  • 將容器化的 Angular 應用程式部署到本地 Kubernetes 叢集進行測試和除錯。

您將從容器化一個現有的 Angular 應用程式開始,逐步實現生產級別的部署。


先決條件

在開始之前,請確保您具備以下工作知識

  • TypeScriptJavaScript 的基本瞭解。
  • 熟悉 Node.jsnpm,用於管理依賴項和執行指令碼。
  • 熟悉 Angular 的基礎知識。
  • 理解核心 Docker 概念,如映象、容器和 Dockerfile。如果您是 Docker 新手,請從 Docker 基礎知識指南開始。

完成 Angular 入門模組後,您將完全準備好使用本指南中詳述的示例和最佳實踐來容器化您自己的 Angular 應用程式。

模組

  1. 容器化

    學習如何透過建立最佳化的、可用於生產的映象,並遵循效能、安全性和可擴充套件性的最佳實踐,來用 Docker 容器化 Angular 應用程式。

  2. 開發您的應用

    學習如何使用容器在本地開發您的 Angular 應用程式。

  3. 執行您的測試

    學習如何在容器中執行您的 Angular 測試。

  4. 使用 GitHub Actions 自動化您的構建

    學習如何為您的 Angular 應用程式配置使用 GitHub Actions 的 CI/CD。

  5. 測試您的部署

    學習如何本地部署以測試和除錯您的 Kubernetes 部署