使用 Visual Studio 將 ASP.NET Core 容器部署至 Azure App Service

本教學課程會逐步引導您使用 Visual Studio,將容器化 ASP.NET Core Web 應用程式發佈至 Azure App Service。 Azure App Service 是 Azure 中所裝載單一容器 Web 應用程式適用的服務。

如果您沒有 Azure 訂用帳戶,請在開始前建立免費帳戶

必要條件

完成本教學課程:

建立 ASP.NET Core Web 應用程式

下列步驟會逐步引導您建立將在本教學課程中使用的基本 ASP.NET Core 應用程式。

  1. 從 Visual Studio 的開始視窗中,選擇 [建立新專案]
  2. 選擇 [ASP.NET Core Web 應用程式],然後選擇 [下一步]
  3. 指定新應用程式的名稱 (或使用預設),然後選擇 [下一步]
  4. 選擇您想要設為目標的 .NET 版本。 如果您不確定,請選擇 .NET 8.0 版本。
  5. 使用 [設定 HTTPS] 核取方塊,選擇您是否需要 SSL 支援。
  6. 選取 [啟用 Docker 支援] 核取方塊。
  7. 選取容器類型,然後按一下 [建立]

將容器部署至 Azure

  1. 方案總管中以滑鼠右鍵按一下專案,並選擇 [發佈]

  2. 在 [發佈] 對話方塊中,選擇 Azure 目標。

    [發佈] 精靈的螢幕擷取畫面。

  3. 在 [特定目標] 索引標籤上,根據您的容器類型,選擇適當的部署目標,例如 [App Service (Windows)] 或 [App Service (Linux)]

    [發佈精靈] 的 [特定目標] 索引標籤的螢幕擷取畫面。

  4. 如果您未使用您想要使用的訂用帳戶登入正確的 Azure 帳戶,請使用 [發佈] 視窗左上角的按鈕來登入。

  5. 您可以按一下 [建立新的 Azure App Service] 連結,使用現有或建立新的應用程式服務。 展開樹狀檢視中的現有 App Service,方法是展開其資源群組,或將 [檢視] 設定變更 為 [資源類型] 以依類型排序。

    顯示選擇 App Service 的螢幕擷取畫面。

  6. 如果您建立新的,則會在 Azure 中產生資源群組和 App Service。 您可以視需要變更名稱,只要這些名稱是唯一的即可。

    顯示建立 App Service 的螢幕擷取畫面。

  7. 您可以接受預設主控方案,或立即或稍後在 Azure 入口網站中變更主控方案。 其中一個支援區域中的預設值為 S1 [小型]。 若要建立主控方案,請選擇 [主控方案] 下拉式清單旁的 [新增]。 [主控方案] 視窗隨即出現。

    顯示主控方案選項的螢幕擷取畫面。

    您可以在 Azure App Service 方案概觀中檢視這些選項的詳細資料。

  8. 選取或建立這些資源之後,請選擇 [完成]。 您的容器會部署至所選資源群組和 App Service 中的 Azure。 此程序需要一點時間。 完成時,[發佈] 索引標籤會顯示已發佈內容的相關資訊,包括網站 URL。

    發佈索引標籤的螢幕擷取畫面。

  9. 按一下網站連結,確認您的應用程式在 Azure 中如預期般運作。

    Web 應用程式的螢幕擷取畫面。

  10. 發佈設定檔會與您選取的所有詳細資料一起儲存,例如資源群組和 App Service。

  11. 若要使用相同的發佈設定檔再次部署,請使用 [發佈] 按鈕、[Web 發佈活動] 視窗上的 [發佈] 按鈕,或以滑鼠右鍵按一下 [方案總管] 中的專案,然後選擇 操作功能表上的 [發佈] 項目。

  1. 方案總管中以滑鼠右鍵按一下專案,並選擇 [發佈]

  2. 在 [發佈] 對話方塊中,選擇 Azure 目標。

    [發佈] 精靈的螢幕擷取畫面。

  3. 在 [特定目標] 索引標籤上,選擇適當的部署目標,例如 Azure App Service 容器。 [App Service (Linux)] 或 [App Service (Windows)],視您的容器類型而定。 如果您想要將映像部署至 Azure Container Registry,請選擇 [Azure App Service 容器]

    [發佈精靈] 的 [特定目標] 索引標籤的螢幕擷取畫面。

  4. 如果您未使用您想要使用的訂用帳戶登入正確的 Azure 帳戶,請使用 [發佈] 視窗左上角的按鈕來登入。

  5. 您可以按一下 [建立新的 Azure App Service] 連結,使用現有或建立新的應用程式服務。 展開樹狀檢視中的現有 App Service,方法是展開其資源群組,或將 [檢視] 設定變更 為 [資源類型] 以依類型排序。

    顯示選擇 App Service 的螢幕擷取畫面。

  6. 如果您建立新的,則會在 Azure 中產生資源群組和 App Service。 您可以視需要變更名稱,只要這些名稱是唯一的即可。

    顯示建立 App Service 的螢幕擷取畫面。

  7. 您可以接受預設主控方案,或立即或稍後在 Azure 入口網站中變更主控方案。 其中一個支援區域中的預設值為 S1 [小型]。 若要建立主控方案,請選擇 [主控方案] 下拉式清單旁的 [新增]。 [主控方案] 視窗隨即出現。

    顯示主控方案選項的螢幕擷取畫面。

    您可以在 Azure App Service 方案概觀中檢視這些選項的詳細資料。

  8. 如果您選擇 [Azure App Service 容器] 選項,請指定是否要使用現有的登錄或建立新的登錄。 如果您建立新的登錄,則會顯示具有新登錄設定的畫面。 如需 SKU 選項的描述,請參閱 Azure Container Registry 服務層級

    顯示 Azure Container Registry 選項螢幕擷取畫面

  9. 選取或建立這些資源之後,請選擇 [完成]。 您的容器會部署至所選資源群組和 App Service 中的 Azure。 此程序需要一點時間。 完成時,[發佈] 索引標籤會顯示已發佈內容的相關資訊,包括網站 URL。

    發佈索引標籤的螢幕擷取畫面。

  10. 發佈設定檔會與您選取的所有詳細資料一起儲存,例如資源群組和 App Service。 如果您選擇 [Azure App Service 容器],系統可能會要求您在容器登錄執行個體上啟用管理員使用者。

  11. 按一下網站連結,確認您的應用程式在 Azure 中如預期般運作。

    Web 應用程式的螢幕擷取畫面。

  12. 若要使用相同的發佈設定檔再次部署,請使用 [發佈] 按鈕、[Web 發佈活動] 視窗上的 [發佈] 按鈕,或以滑鼠右鍵按一下 [方案總管] 中的專案,然後選擇 操作功能表上的 [發佈] 項目。

檢視容器設定

Azure 入口網站中,您可以開啟已部署的 App Service。

您可以開啟 [容器設定] 功能表來檢視已部署 App Service 的設定 (當您使用 Visual Studio 2019 16.4 版或更新版本時)。

Azure 入口網站中 [容器設定] 功能表的螢幕擷取畫面。

您可以從該處檢視容器資訊、檢視或下載記錄,或設定持續部署。 請參閱 Azure App Service 持續部署持續整合與持續傳遞

清除資源

若要移除與此教學課程相關聯的所有 Azure 資源,請使用 Azure 入口網站刪除資源群組。 若要尋找與已發佈 Web 應用程式相關聯的資源群組,請選擇 [檢視]>[其他 Windows]>[Web 發佈活動],然後選擇齒輪圖示。 [發佈] 索引標籤隨即開啟,其中包含資源群組。

在 Azure 入口網站中,選擇 [資源群組],然後選取資源群組以開啟其詳細資料頁面。 確認這是正確的資源群組,接著選擇 [移除資源群組]、輸入名稱,然後選擇 [刪除]