共用方式為

快速入門：使用 Visual Studio Code 部署至 Azure 容器應用程式

Azure 容器應用程式可讓您在無伺服器平台上執行微服務和容器化應用程式。 透過容器應用程式，您可以獲得執行容器的好處，而無需擔心手動設定雲端基礎結構和複雜的容器協調器。

在本教學課程中，您會使用 Visual Studio Code 將容器化應用程式部署至 Azure 容器應用程式。

先決條件

複製專案

  1. 開啟新的 Visual Studio Code 視窗。

  2. 選取 F1 以開啟命令選擇區。

  3. 輸入 Git：複製 並按 Enter 鍵。

  4. 輸入下列 URL 以複製範例專案：

    https://github.com/Azure-Samples/containerapps-albumapi-javascript.git

    備註

    本教學課程使用 JavaScript 專案，但步驟與語言無關。

  5. 選取要複製專案的資料夾。

  6. 選取 [ 開啟 ] 以在 Visual Studio Code 中開啟專案。

登入 Azure

  1. 選取 F1 以開啟命令選擇區。

  2. 選取 [Azure：登入] ，然後依照提示進行驗證。

  3. 登入後，回到 Visual Studio Code。

建立並部署至 Azure 容器應用程式

適用於 Visual Studio Code 的 Azure Container Apps 延伸模組可讓您選擇現有的 Container Apps 資源，或建立新的資源來部署應用程式。 在此案例中，您會建立新的容器應用程式環境和容器應用程式來裝載您的應用程式。 安裝容器應用程式延伸模組之後，您可以在 Visual Studio Code 的 Azure 控制台下存取其功能。

  1. 選取 F1 以開啟命令選項板，然後執行 Azure Container Apps：從工作區部署專案 命令。

  2. 根據擴充功能的提示輸入下列值。

    Prompt 價值觀
    選取訂閱 選取您要使用的 Azure 訂用帳戶。
    選取容器應用程式環境 選取 [ 建立新的容器應用程式環境]。 只有在您有現有的 Container Apps 環境時，才會問您這個問題。
    輸入新容器應用程式資源的名稱 （） 輸入 my-container-app。
    選取位置 選取您附近的 Azure 區域。
    您要儲存部署組態嗎？ 選取 [儲存]。

    Azure 活動記錄面板隨即開啟，並顯示部署進度。 此過程可能需要幾分鐘才能完成。

  3. 當程式完成時，Visual Studio Code 會顯示通知。 選取 瀏覽 以在瀏覽器中開啟已部署的應用程式。

    在瀏覽器的位置列中，將路徑附加 /albums 到應用程式 URL 結尾，以檢視範例 API 請求中的資料。

祝賀！ 您已使用 Visual Studio Code 成功建立並部署第一個容器應用程式。

清理資源

如果您不打算使用此應用程式，您可以移除資源群組，以一次刪除 Azure Container Apps 執行個體和所有相關聯的服務。

若要移除您所建立的資源，請遵循 Azure 入口網站中的下列步驟：

  1. 從 [概觀] 區段選取 my-container-app 資源群組。
  2. 選取資源群組 [概觀] 頂端的 [刪除資源群組] 按鈕。
  3. 在 [您確定要刪除 "my-container-app" 的確認對話方塊中輸入資源群組名稱my-container-app]。
  4. 選擇 刪除。 刪除資源群組的程序可能需要幾分鐘的時間才能完成。

小提示

有問題嗎？ 在 Azure 容器應用程式存放庫 (英文) 中提出問題，讓我們在 GitHub 上了解該問題。

後續步驟

Azure 容器應用程式中的環境

  • Last updated on