練習 - 發佈至 Azure App Service (選用)

已完成

許多整合開發環境和其他工具可以將 ASP.NET Core 應用程式發佈至各種裝載環境。 在幕後,這些工具會以各種選項執行 dotnet publish 命令。

您的管理員正在評估 Azure 作為裝載應用程式的選項,並要求您將應用程式發佈為概念證明。 您必須在 Azure 上發表應用程式。 您已選取 Azure App Service 作為主控環境,因為它很容易使用並支援 ASP.NET Core 應用程式。

在此練習中,您會將 ASP.NET Core 應用程式發佈為 Azure 的架構相依部署。

備註

此練習為選擇性項目。 如果您沒有 Azure 訂用帳戶,您可以取得 免費帳戶 或略過此練習。

建立 Azure App 服務 Web 應用程式

在 Azure App Service 中, Web 應用程式 可以視為單一應用程式 Web 伺服器。 您必須建立 Azure App Service Web 應用程式,以在其中部署您的 ASP.NET Core 應用程式。 請確定您已安裝適用於 Visual Studio Code 的 Azure Tools 擴充功能。

  1. 在 Visual Studio Code 中,按 Ctrl+Shift+A 以開啟 Azure 工具延伸模組。

  2. 如有必要,請登入您的 Azure 訂用帳戶和目錄。

  3. Ctrl+Shift+P 以開啟命令選擇區。

  4. 搜尋並選取 [Azure App Service:建立新的 Web 應用程式...]。 請勿選取 [ 進階 ] 選項。

    命令選擇區的螢幕快照,其中已選取 [建立新的 Web 應用程式] 選項。

  5. 選取您要使用的訂用帳戶。

  6. 輸入 Web 應用程式的名稱。 名稱在 Azure 內必須是唯一的。

  7. 選取正確的 .NET 運行時間堆疊。

    小提示

    這通常對應至您使用的 .NET SDK 版本。 例如,如果您使用 .NET 8.0,您應該選取 .NET 8.0。 如果您不確定要使用哪個執行階段堆疊,請檢查 <TargetFramework> 元素在 MyWebApp.csproj 檔案中的位置。

  8. 選取 [免費] (F1) 定價層。

  9. 擴充功能完成建立 Web 應用程式之後,請返回 Azure Tools 擴充功能。 請注意,訂用帳戶底下的 App Services 節點現在包含新的 Web 應用程式。

    Azure Tools 延伸模組的螢幕快照,其中列出 Azure App Service Web 應用程式。

將應用程式發佈至 Azure

現在您已建立 Azure App Service Web 應用程式,您可以將應用程式發佈至 Azure。

  1. Ctrl+Shift+P 以開啟命令選擇區。

  2. 搜尋並選取 [Azure App Service:部署至 Web 應用程式...]。

  3. 選取包含您項目的資料夾。

  4. 出現提示時,選取 [新增組 態] 以新增應用程式的組態檔。

  5. 選取您稍早使用的 Azure 訂用帳戶。

  6. 選取您稍早建立的 Web 應用程式。

  7. 出現提示時,請選取 [部署]

    幾分鐘后,應用程式就會發佈至 Azure。 在 [ 終端機 ] 視窗中,您可以看到工作的 publish-release 輸出。 請注意,延伸模組會執行 dotnet publish 命令來建立架構相依的部署。

    終端機輸出的螢幕快照,其中包含 dotnet publish 命令。

  8. 出現提示時,選取 [瀏覽網站 ] 以在瀏覽器中開啟 Web 應用程式。 或者,按 Ctrl+Shift+P 並搜尋 Azure App Service:瀏覽網站 並遵循提示。