共用方式為

快速入門：部署 ASP.NET Web 應用程式

  • 發行項

注意

從 2024 年 6 月 1 日起，新建立的 App Service 應用程式可以產生使用命名慣例 <app-name>-<random-hash>.<region>.azurewebsites.net的唯一默認主機名。 現有的應用程式名稱保持不變。 例如：

myapp-ds27dh7271aah175.westus-01.azurewebsites.net

如需詳細資訊，請參閱 App Service 資源的唯一預設主機名。

在此快速入門中，您將了解如何建立第一個 ASP.NET Web 應用程式，並將其部署至 Azure App Service。 App Service 支援各種 .NET 應用程式版本。 它提供可高度擴充的自我修補 Web 裝載服務。 ASP.NET Web 應用程式是跨平台的應用程式，可以裝載在 Linux 或 Windows 上。 完成時，您有一個 Azure 資源群組，其中包含 App Service 主控方案和具有已部署 Web 應用程式的 App Service。

或者，您也可以將 ASP.NET Web 應用程式部署為 App Service 中 Windows 或 Linux 容器的一部分。

提示

在 Visual Studio、Visual Studio Code 和 Azure 入口網站步驟中尋找 GitHub Copilot 提示。

注意

尚不支援使用 MSBuild 或SCM_DO_BUILD，使用 Windows App Service 建置 .NET 9 （STS） 應用程式。 這些組建案例的支援會在初始正式發行日期和 2024 年 12 月 4 日前進行規劃。 完全支援透過Visual Studio、Visual Studio Code、GitHub Actions 和 Azure DevOps 建置 App Service 外部的部署。

必要條件

若您已安裝 Visual Studio 2022：

  1. 選取 [說明]>[檢查更新]，在 Visual Studio 中安裝最新的更新。
  2. 選取 [工具]>[取得工具和功能] 以新增工作負載。

建立 ASP.NET Web 應用程式

初始化 ASP.NET Web 應用程式範本

  1. 開啟 Visual Studio，然後選取 [建立新專案]。

  2. 在 [建立新專案] 中，尋找並選取 [ASP.NET Core Web 應用程式 [Razor Pages]，然後選取 [下一步]。

  3. 在 [設定新專案] 中，將應用程式命名為 MyFirstAzureWebApp，然後選取 [下一步]。

    Visual Studio 的螢幕擷取畫面 - 設定 ASP.NET 8.0 Web 應用程式。

  4. 選取 [.NET 8.0 (長期支援)]。

  5. 確定將 [驗證類型] 設定為 [無]。 選取 建立。

    Visual Studio 的螢幕擷取畫面 - 選取 .NET 8.0 時的其他資訊。

  6. 從 Visual Studio 功能表中，選取 [偵錯]>[啟動但不偵錯] 以在本機執行 Web 應用程式。 如果出現訊息要求您信任自我簽署憑證，請選取 [是]。

    Visual Studio 的螢幕擷取畫面 - 正在本機執行的 ASP.NET Core 8.0。

提示

如果您有 GitHub Copilot 帳戶，請嘗試取得適用於 Visual Studio 的 GitHub Copilot 功能。

  1. 將您電腦上的終端機視窗開啟至工作目錄。 使用 dotnet new webapp 命令建立新的 .NET Web 應用程式，然後將目錄變更為新建立的應用程式。

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
cd MyFirstAzureWebApp

  2. 從相同的終端機會話，使用 dotnet run 命令在本機執行應用程式。

    dotnet run --urls=https://localhost:5001/

  3. 開啟網頁瀏覽器，然後巡覽至位於 https://localhost:5001 的應用程式。

    您會看到頁面顯示範本 ASP.NET Core 8.0 Web 應用程式。

    Visual Studio Code 的螢幕擷取畫面 - 本機瀏覽器中的 ASP.NET Core 8.0。

在此步驟中，您將派生要部署的示範專案。

  1. 移至 .NET 8.0 範例應用程式。
  2. 選取 GitHub 頁面右上方的 [派生] 按鈕。
  3. 選取 [擁有者]，並保留預設 [存放庫名稱]。
  4. 選取 [建立派生]。

本快速入門使用 Azure Developer CLI (azd) 來建立 Azure 資源，並在其中部署程式碼。 如需詳細資訊，請參閱使用 Azure 開發人員 CLI 安裝 Azure 開發人員 CLI 和建置和部署應用程式。

若要取得並初始化 ASP.NET Core Web 應用程式範本，請使用下列步驟：

  1. 將電腦上的終端機視窗開啟至空白的工作目錄。 執行以下命令：

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git

    當系統提示您輸入環境名稱時，請輸入 dev。

  2. 從相同的終端機工作階段中，使用 dotnet run 命令在本機執行應用程式。 使用 --project 參數來指定 azd 範本的 src 目錄，也就是應用程式程式碼的所在位置。

    dotnet run --project src --urls=https://localhost:5001/

  3. 開啟網頁瀏覽器，然後瀏覽至位於 https://localhost:5001 的應用程式。 頁面會顯示 ASP.NET Core 8.0 Web 應用程式範本。

    Visual Studio Code 的螢幕擷取畫面 - 本機瀏覽器中的 ASP.NET Core 8.0。

發佈 Web 應用程式

請遵循下列步驟來建立您的 App Service 資源，並發佈您的專案：

  1. 在 [方案總管] 中，以滑鼠右鍵按一下 [MyFirstAzureWebApp] 專案，然後選取 [發佈]。

  2. 在 [發佈] 中選取 [Azure]，然後選取 [下一步]。

    Visual Studio 的螢幕擷取畫面 - 發佈 Web 應用程式與目標 Azure。

  3. 選擇 [特定目標]，Azure App Service (Linux) 或 Azure App Servuce (Windows)。 選取 [下一步]。

    重要

    以 ASP.NET Framework 4.8 為目標時，請使用 Azure App Service (Windows)。

  4. 您的選項取決於您是否已登入 Azure，以及是否已將 Visual Studio 帳戶連結至 Azure 帳戶。 選取 [新增帳戶] 或 [登入] 來登入 Azure 訂用帳戶。 若您已經登入，請選取要使用的帳戶。

    Visual Studio 的螢幕擷取畫面 - 選取登入 Azure 對話方塊。

  5. 在 [App Service 執行個體] 右側，選取 [+]。

    Visual Studio 的螢幕擷取畫面 - [新增 App Service 應用程式] 對話方塊。

  6. 針對 [訂用帳戶]，請接受列出的訂用帳戶，或從下拉式清單中選取一個新的訂用帳戶。

  7. 在 [資源群組] 中選取 [新增]。 在 [新增資源群組名稱] 中，輸入 myResourceGroup，然後選取 [確定]。

  8. 在 [主控方案] 中選取 [新增]。

  9. 在 [主控方案: 建立新項目] 對話方塊中，輸入下表中指定的值：

    設定 建議的值 描述
    主控方案 MyFirstAzureWebAppPlan App Service 方案的名稱。
    地點 西歐 裝載 Web 應用程式的資料中心。
    大小 選擇最低層。 定價層定義裝載功能。

  10. 在 [名稱] 中，輸入唯一的應用程式名稱。 只包含字元 a-z、 A-Z、 0-9和 -。 您可以接受自動產生的唯一名稱。 Web 應用程式的 URL 是 http://<app-name>.azurewebsites.net，其中 <app-name> 是您的應用程式名稱。

  11. 選取 [建立] 以建立 Azure 資源。

    Visual Studio 的螢幕擷取畫面 - [建立應用程式資源] 對話方塊。

    程式完成時，系統會為您建立 Azure 資源。 您已準備好發佈 ASP.NET Core 專案。

  12. 在 [發佈] 對話方塊中，確定已選取新的 App Service 應用程式，然後依序選取 [完成] 和 [關閉]。 Visual Studio 會針對選取的 App Service 應用程式來為您建立發行設定檔。

  13. 在 [發佈] 頁面中，選取 [發佈]。 若您看到警示訊息，請選取 [繼續]。

    Visual Studio 會建立和封裝應用程式，並將其發佈至 Azure，然後在預設瀏覽器中啟動應用程式。

    頁面會顯示 ASP.NET Core 8.0 Web 應用程式。

    Visual Studio 的螢幕擷取畫面 - Azure 中的 ASP.NET Core 8.0 Web 應用程式。

  1. 從專案的根目錄開啟 Visual Studio Code。

    code .

  2. 如果系統提示，請選取 [是，我相信建立者]。

    提示

    如果您有 GitHub Copilot 帳戶，請嘗試取得適用於 Visual Studio Code 的 GitHub Copilot 功能。

  3. 在 Visual Studio Code 中，選取 [檢視>命令選擇區] 以開啟命令選擇區。

  4. 搜尋並選擇 [Azure App 服務：建立新的 Web 應用程式 （進階） 。

  5. 如下所示地回應提示：

    1. 如果出現提示，登入您的 Azure 帳戶。
    2. 選取您的 [訂用帳戶]。
    3. 選取 [建立新的 Web 應用程式...進階]。
    4. 針對 輸入新 Web 應用程式的全域唯一名稱，請使用所有 Azure 中唯一的名稱。 有效字元是 a-z、0-9 和 -。 良好的模式是使用您的公司名稱和應用程式識別碼的組合。
    5. 選取 [建立新的資源群組]，然後提供 myResourceGroup 之類的名稱。
    6. 系統提示您 [選取執行階段堆疊]時，請選取 [.NET 8 (LTS)]。
    7. 選取作業系統 (Windows 或 Linux)。
    8. 選取與您接近的位置。
    9. 選取 [建立新的 App Service 方案]、提供名稱，然後選取 [免費][F1] 定價層。
    10. 針對 Application Insights 資源，針對 Application Insights 資源選取 [立即 略過]。
    11. 出現提示時，請選取 [部署]。
    12. 選取 [MyFirstAzureWebApp] 作為要部署的資料夾。
    13. 出現提示時，請選取 [新增設定]。

  6. 在 [永遠將工作區 “MyFirstAzureWebApp” 部署至 app-name>] 對話框中，選取 [是]，讓 Visual Studio Code 在每次您位於該工作區時<部署到相同的 App Service 應用程式。

  7. 發佈完成時，請在通知中選取 [Browse Website] \(瀏覽網站\)，然後在收到提示時選取 [開啟]。

    頁面會顯示 ASP.NET Core 8.0 Web 應用程式。

    Visual Studio Code 的螢幕擷取畫面 - Azure 中的 ASP.NET Core 8.0 Web 應用程式。

  1. 使用 az login 命令登入您的 Azure 帳戶，並遵循提示：

    az login
    • az如果無法辨識命令，請確定您已安裝 Azure CLI，如必要條件中所述。

  2. 使用 az webapp up 在您的本機 MyFirstAzureWebApp 目錄中部署程序代碼：

    az webapp up --sku F1 --name <app-name> --os-type <os>
    • 以 Azure 中的唯一名稱取代 <app-name>。 有效字元是 a-z、0-9 和 -。 良好的模式是使用您的公司名稱和應用程式識別碼的組合。
    • 自--sku F1變數會在免費定價層上建立 Web 應用程式。 省略這個引數並使用進階層，如此會產生每小時成本。
    • 以 linux 或 windows 取代 <os>。
    • 您可以選擇性地加入引數 --location <location-name>，其中 <location-name> 是可用的 Azure 區域。 若要取得 Azure 帳戶允許的區域清單，請執行 az account list-locations 命令。

    此命令可能需要幾分鐘才能完成。 執行時，命令會提供建立資源群組、App Service 方案及裝載應用程式的訊息、設定記錄，然後執行 ZIP 部署。 然後，其會顯示具有應用程式 URL 的訊息：

    You can launch the app at http://<app-name>.azurewebsites.net

  3. 開啟網頁瀏覽器並流覽至 URL。 頁面會顯示 ASP.NET Core 8.0 Web 應用程式。

    CLI 的螢幕擷取畫面 - Azure 中的 ASP.NET Core 8.0 Web 應用程式。

注意

我們建議使用 Azure PowerShell 在 Windows 主控平臺上建立應用程式。 若要在 Linux 上建立應用程式，請使用不同的工具，例如 Azure CLI。

  1. 使用 Connect-AzAccount 命令登入您的 Azure 帳戶，並遵循提示：

    Connect-AzAccount

  2. 使用 New-AzWebApp 命令建立新的應用程式：

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    • 以 Azure 中的唯一名稱取代 <app-name>。 有效字元為 a-z、 0-9和 - 您公司名稱和應用程式識別碼的組合是良好的模式。
    • 您可以選擇性地包含參數 -Location <location-name>，其中 <location-name> 是可用的 Azure 區域。 若要取得 Azure 帳戶允許的區域清單，請執行 Get-AzLocation 命令。

    此命令可能需要幾分鐘才能完成。 命令會建立資源群組、App Service 方案和 App Service 資源。

  3. 從應用程式根資料夾，執行 dotnet publish 命令來準備本機 MyFirstAzureWebApp 應用程式以進行部署：

    dotnet publish --configuration Release

  4. 變更為發行目錄，並從內容建立 zip 檔案：

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  5. 使用 Publish-AzWebApp 命令將 zip 檔案發佈至 Azure 應用程式：

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    注意

    -ArchivePath 需要 zip 檔案的完整路徑。

  6. 開啟網頁瀏覽器並流覽至 URL。 頁面會顯示 ASP.NET Core 8.0 Web 應用程式。

    CLI 的螢幕擷取畫面 - Azure 中的 ASP.NET Core 8.0 Web 應用程式。

  1. 在搜尋中輸入應用程式服務。 在 [服務] 下，選取 [App Service]。

    Azure 入口網站中入口網站搜尋的螢幕擷取畫面。

  2. 在 [App Service] 頁面中，選取 [建立] > [Web 應用程式]。

  3. 在 [基本] 索引標籤中：

    • 在 [資源群組] 下，選取 [新建]。 輸入 myResourceGroup 以取得名稱。
    • 在 [名稱] 底下，輸入 Web 應用程式的全域唯一名稱。
    • 在 [發佈] 下，選取 [程式碼]。
    • 在 [執行階段堆疊] 下，選取 [.NET 8 (LTS)]。
    • 在 [作業系統] 下，選取 [Windows]。 如果您選取 Linux，就無法在下一個步驟中設定 GitHub 部署，但在您在 [部署中心] 頁面中建立應用程式之後仍可進行。
    • 選取您要提供應用程式的來源 [區域]。
    • 在 [App Service 方案] 下方，選取 [新建]，然後輸入 [myAppServicePlan] 作為名稱。
    • 在 [定價方案] 下方選取 [免費 F1]。

    Azure 入口網站中 .NET 8 新 App Service 應用程式組態的螢幕擷取畫面。

  4. 選取頁面頂端的 [部署] 索引標籤

  5. 在 [GitHub Actions 設定] 下方，將 [持續部署] 設為 [啟用]。

  6. 在 [GitHub Actions 詳細資料] 下，使用您的 GitHub 帳戶進行驗證，然後選取下列選項：

    • 針對 [ 組織]，選取您派生示範項目的組織。
    • 針對 [ 存放庫]，選取 dotnetcore-docs-hello-world 專案。
    • 針對 [ 分支]，選取 main。

    使用 .NET 8 執行階段的應用程式部署選項螢幕擷取畫面。

  7. 選取頁面底部的 [檢閱 + 建立] 。

  8. 驗證執行之後，選取 頁面底部的 [建立 ]。

  9. 當部署完成時，選取 [前往資源]。

    移至資源的下一個步驟螢幕擷取畫面。

  10. 使用網頁瀏覽器瀏覽至已部署的應用程式 (URL 為 http://<app-name>.azurewebsites.net)。 如果您看到 Web 應用程式正在執行並等候您的內容訊息，GitHub 部署仍在執行中。 等候幾分鐘然後重新整理頁面。

AZD 樣本所含的檔案會產生應用程式在 App Service 中執行所需的下列資源：

  1. 使用 azd auth login 命令登入您的 Azure 帳戶，並遵循下列提示：

    azd auth login

  2. 使用 azd up 命令建立 Azure 資源並部署您的應用程式：

    azd up

    azd up 命令可能需要幾分鐘才能完成。 azd up 會使用專案中的 Bicep 檔案來建立資源群組、App Service 方案及裝載應用程式。 它也會執行某些設定，例如啟用記錄並部署已編譯的應用程式程式碼。 執行時，命令會提供布建和部署程式的相關訊息，包括 Azure 中部署的連結。 完成時，命令也會顯示部署應用程式的連結。

  3. 開啟網頁瀏覽器並流覽至 URL。 頁面會顯示 ASP.NET Core 8.0 Web 應用程式。

    已部署 .NET Framework 4.8 範例應用程式的螢幕擷取畫面。

更新應用程式並重新部署

對 Index.cshtml 進行變更，然後重新部署以查看變更。 在 .NET 8.0 範本中，其位於 [Pages] 資料夾中。 在 .NET Framework 4.8 範本中，其位於 [Views/Home] 資料夾中。 請遵循下列步驟來更新和重新部署您的 Web 應用程式：

  1. 在 方案總管 專案底下，按兩下Pages>Index.cshtml 以開啟。

  2. 使用下列程式碼取代第一個 <div> 項目：

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    提示

    在 Visual Studio 中啟用 GitHub Copilot 之後，請嘗試下列步驟：

    1. 選取 <div> 元素，然後輸入 Alt+/。
    2. 詢問 Copilot：「對表示 .NET 💜 Azure 的啟動程序卡片進行變更」。

    儲存您的變更。

  3. 若要重新部署至 Azure，請在 [方案總管] 中，以滑鼠右鍵按一下 MyFirstAzureWebApp 專案，然後選取 [發佈]。

  4. 在 [發佈] 摘要頁面中，選取 [發佈]。

    發佈完成時，Visual Studio 會啟動瀏覽器以前往 Web 應用程式的 URL。

    頁面會顯示已更新的 ASP.NET Core 8.0 Web 應用程式。

    Visual Studio 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

  1. 開啟 Pages/Index.cshtml。

  2. 使用下列程式碼取代第一個 <div> 項目：

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    提示

    使用 GitHub Copilot 嘗試此方法：

    1. 選取整個 <div> 元素，然後選取 。
    2. 詢問 Copilot：「對表示 .NET 💜 Azure 的啟動程序卡片進行變更」。

    儲存您的變更。

  3. 在 Visual Studio Code 中，開啟命令選擇區：Ctrl+Shift+P。

  4. 搜尋並選取 [Azure App 服務：部署至 Web 應用程式。

  5. 選取您稍早使用的訂用帳戶和 Web 應用程式。

  6. 出現提示時，請選取 [部署]。

  7. 發佈完成之後，請在通知中選取 [瀏覽網站]。

    頁面會顯示已更新的 ASP.NET Core 8.0 Web 應用程式。

    Visual Studio Code 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

提示

若要查看 Visual Studio Code 與 GitHub Copilot 如何協助改善 Web 開發體驗，請參閱 Visual Studio Code 步驟。

在本機目錄中，開啟 Pages/Index.cshtml 檔案。 取代第一個 <div> 項目：

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

儲存您的變更，然後再次使用 az webapp up 命令，將 <os> 取代為 linux 或 windows，重新部署應用程式。

az webapp up --os-type <os>

此命令會使用在 .azure/config 檔案中本機快取的值，包括應用程式名稱、資源群組和 App Service 方案。

部署完成之後，切換回在瀏覽至應用程式步驟中開啟的瀏覽器視窗，然後重新整理。

頁面會顯示已更新的 ASP.NET Core 8.0 Web 應用程式。

CLI 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

  1. 在本機目錄中，開啟 Pages/Index.cshtml 檔案。 取代第一個 <div> 項目：

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

  2. 從應用程式根資料夾，使用 dotnet publish 命令準備本機 MyFirstAzureWebApp 應用程式以進行部署：

    dotnet publish --configuration Release

  3. 變更為發行目錄，並從內容建立 zip 檔案：

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip -Force

  4. 使用 Publish-AzWebApp 命令將 zip 檔案發佈至 Azure 應用程式：

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    注意

    -ArchivePath 需要 zip 檔案的完整路徑。

  5. 部署完成之後，切換回在瀏覽至應用程式步驟中開啟的瀏覽器視窗，然後重新整理。

    頁面會顯示已更新的 ASP.NET Core 8.0 Web 應用程式。

    CLI 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

  1. 瀏覽至範例程式碼的 GitHub 分支。

  2. 在存放庫頁面上，選取 [程式碼] > [在主要上建立 codespace]，以建立 codespace。

    顯示如何在分支 dotnetcore-docs-hello-world GitHub 存放庫中建立 codespace 的螢幕擷取畫面。

  3. 編輯 Index.cshtml。

    Index.cshtml 位於 Pages 資料夾中。

    瀏覽器中來自 Visual Studio Code 的 Explorer 視窗螢幕擷取畫面，其中醒目提示 dotnetcore-docs-hello-world 存放庫中的 Index.cshtml。

  4. 使用下列程式碼取代第一個 <div> 項目：

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    變更會自動儲存。

    提示

    使用 GitHub Copilot 嘗試此方法：

    1. 選取整個 <div> 元素，然後選取 。
    2. 詢問 Copilot：「對表示 .NET 💜 Azure 的啟動程序卡片進行變更」。

  5. 從 [原始檔控制] 功能表中，輸入認可訊息，例如 Modify homepage。 然後，選取 [認可]，然後選取 [是] 來確認暫存變更。

    瀏覽器中的 Visual Studio Code 的螢幕擷取畫面，其中 [原始檔控制] 面板具有認可訊息 'We love Azure'，並醒目提示 [認可並推送] 按鈕。

  6. 選取 [同步變更 1]，然後選取 [確定] 來確認。

  7. 需要幾分鐘的時間讓部署執行。 若要檢視進度，請瀏覽至 https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions。

  8. 返回在瀏覽至應用程式步驟期間開啟的瀏覽器視窗，然後重新整理頁面。

    頁面會顯示已更新的 ASP.NET Core 8.0 Web 應用程式。

    CLI 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

在本機目錄中，開啟 src/Pages/Index.cshtml 檔案。 取代第一個 <div> 項目：

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

儲存您的變更，然後再次使用 azd up 命令重新部署應用程式：

azd up

這次 azd up 會略過佈建資源步驟，而且只會重新部署您的程式碼，因為 Bicep 檔案沒有變更。

部署完成之後，瀏覽器會開啟至更新的 ASP.NET Core 8.0 Web 應用程式。

CLI 的螢幕擷取畫面 - Azure 中已更新的 ASP.NET Core 8.0 Web 應用程式。

管理 Azure 應用程式

若要管理 Web 應用程式，請移至 Azure 入口網站，然後搜尋並選取 [應用程式服務]。

Azure 入口網站的螢幕擷取畫面 - 選取 App Service 選項。

在 [應用程式服務] 頁面上，選取您的 Web 應用程式名稱。

Azure 入口網站的螢幕擷取畫面 - 已選取範例 Web 應用程式的 App Service 頁面。

Web 應用程式的概觀頁面，其中包含瀏覽、停止、啟動、重新啟動和刪除等基本管理選項。 左側功能表提供的頁面可用來進一步設定您的應用程式。

Azure 入口網站的螢幕擷取畫面 - App Service 概觀頁面。

清除資源

在上述步驟中，您已建立資源群組中的 Azure 資源。 如果您預期未來不需要這些資源，則可以藉由刪除資源群組予以刪除。

  1. 從 Azure 入口網站中的 Web 應用程式概觀頁面，選取資源群組底下的 myResourceGroup 連結。
  2. 在 [資源群組] 頁面上，確定所列出資源是您想要刪除的資源。
  3. 選取 [刪除資源群組]，在文字方塊中輸入 myResourceGroup，然後選取 [刪除]。
  4. 請選取 [刪除] 以再次確認。

清除資源

在上述步驟中，您已建立資源群組中的 Azure 資源。 如果您預期未來不需要這些資源，則可以藉由刪除資源群組予以刪除。

  1. 從 Azure 入口網站中的 Web 應用程式概觀頁面，選取資源群組底下的 myResourceGroup 連結。
  2. 在 [資源群組] 頁面上，確定所列出資源是您想要刪除的資源。
  3. 選取 [刪除資源群組]，在文字方塊中輸入 myResourceGroup，然後選取 [刪除]。
  4. 請選取 [刪除] 以再次確認。

在上述步驟中，您已建立資源群組中的 Azure 資源。 如果您在未來不需要這些資源，請在 Cloud Shell 中執行下列命令，刪除資源群組：

az group delete

為了方便起見， 您稍早在此專案中執行的 az webapp up 命令會在您從此專案執行 az 命令時，將資源組名儲存為預設值。

清除資源

在上述步驟中，您已建立資源群組中的 Azure 資源。 若您預期未來不需要使用這些資源，請執行下列 PowerShell 命令來刪除資源群組：

Remove-AzResourceGroup -Name myResourceGroup

執行此命令約需一分鐘。

清除資源

在上述步驟中，您已建立資源群組中的 Azure 資源。 如果您預期未來不需要這些資源，則可以藉由刪除資源群組予以刪除。

  1. 從 Azure 入口網站中的 Web 應用程式概觀頁面，選取資源群組底下的 myResourceGroup 連結。
  2. 在 [資源群組] 頁面上，確定所列出資源是您想要刪除的資源。
  3. 選取 [刪除資源群組]，在文字方塊中輸入 myResourceGroup，然後選取 [刪除]。
  4. 請選取 [刪除] 以再次確認。

清除資源

使用 azd down 命令來移除資源群組及其所有相關聯的資源：

azd down

如需使用azd範本和其他功能的後續步驟，請流覽 Azure 開發人員 CLI 檔。

下一步