共用方式為

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

  • 發行項

Azure 容器應用程式讓您在無伺服器平台上執行微服務和容器化應用程式。 透過容器應用程式可享有執行容器的優點，同時還不用擔心手動設定雲端基礎結構與複雜的容器協調器。

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

必要條件

複製專案

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

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

  3. 輸入 Git: Clone，然後按 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 容器應用程式延伸模組可讓您選擇現有的容器應用程式資源，或建立新的資源來部署應用程式。 在此案例中，您會建立新的容器應用程式環境和容器應用程式來裝載您的應用程式。 安裝容器應用程式延伸模組之後，您可以在 Visual Studio Code 中的 Azure 控制面板下存取其功能。

  1. 選取 F1 以開啟命令選擇區，然後執行 [Azure 容器應用程式: 從工作區部署專案] 命令。

  2. 輸入下列值，如延伸模組所提示。

    提示 值
    選取訂閱 選取您要使用的 Azure 訂用帳戶。
    選取容器應用程式環境 選取 [建立新的容器應用程式環境]。 如果您已有現有的容器應用程式環境，系統才會詢問您此問題。
    輸入新容器應用程式資源的名稱 輸入 my-container-app。
    選取位置 選取靠近您的 Azure 區域。
    您要儲存部署組態嗎？ 選取 [儲存]。

    Azure 活動記錄面板隨即開啟，並顯示部署進度。 這個程序可能需要幾分鐘的時間。

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

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

恭喜！ 您已成功使用 Visual Studio Code 建立和部署您的第一個容器應用程式。

注意

您必須為 Azure 容器應用程式上的所有 .NET 應用程式啟用資料保護作業。 如需詳細資訊，請參閱在 Azure 容器應用程式上部署和調整 ASP.NET Core 應用程式。

清除資源

如果您不打算繼續使用此應用程式，可以移除資源群組來立即刪除 Azure 容器應用程式執行個體和所有相關聯的服務。

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

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

提示

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

下一步

Azure 容器應用程式中的環境