使用 Visual Studio 將 ASP.NET Core 應用程式發佈至 Azure

這很重要

ASP.NET Core 開發預覽版與 Azure App Service

根據預設，ASP.NET Core 預覽版本不會部署至 Azure App Service。 若要裝載使用 ASP.NET Core 預覽版的應用程式，請參閱 將 ASP.NET Core 預覽版部署至 Azure App Service。

若要針對 App Service 部署問題進行疑難排解，請參閱 針對 Azure App Service 和 IIS 上的 ASP.NET Core 進行疑難排解。

設定

如果您沒有 免費的 Azure 帳戶，請開啟一個免費的 Azure 帳戶 。

建立 Web 應用程式

啟動 Visual Studio 2022 並選取 [建立新專案]。

在 [建立新專案] 對話方塊中，選取 [ASP.NET Core Web 應用程式]，然後選取 [下一步]。

在 [設定您的新專案] 對話方塊中，為您的專案命名，然後選取 [ 下一步]。

在 [其他資訊] 對話方塊中：

• 在 [架構] 輸入中，選取 [.NET 7.0 （標準字詞支援]。
• 在 [驗證類型] 輸入中，選取 [個別帳戶]，然後選取 [建立]。

Visual Studio 會建立解決方案。

執行應用程式

• 按 F5 以執行專案。

註冊使用者

• 選取 [註冊] 並註冊新使用者。 您可以使用虛構的電子郵件地址。 當您提交時，頁面會顯示下列錯誤：

  「處理要求時，資料庫作業失敗。 套用現有的遷移可能可以解決此問題

• 選擇 套用遷移，在頁面更新後重新整理頁面。

• 此時會顯示 [登錄] 確認 頁面。 選取 按一下這裡 以確認您的帳戶。
• 隨即顯示 [確認電子郵件] 頁面。
• 以新使用者身分登入。

該應用程序會顯示用於註冊新用戶的電子郵件和 註銷 鏈接。

• 關閉瀏覽器來停止應用程式，或在 Visual Studio 中選取 [偵錯>] [停止偵錯]。
• 在 Visual Studio 中，選取 [建置>] 以清除專案專案，並避免檔案爭用。

將應用程式部署至 Azure

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

在 「發佈」 對話方塊中：

• 選取 [Azure]。
• 選取 下一步。

在 「發佈」 對話方塊中：

• 選取 [Azure App Service （Windows）]。
• 選取 下一步。

在 [發佈] 對話方塊的 [ App Service ] 索引標籤中，選取 [ 新建]。

[ 建立 App Service ] 對話方塊出現：

• 名稱、資源群組 和 裝載計劃 項目欄位隨即填入。 您可以保留這些名稱或變更它們。
• 選取 ，創建。

建立完成後，對話方塊會自動關閉，而 「發佈」 對話方塊會再次取得焦點：

• 系統會自動選取剛建立的新執行個體。
• 選取 完成。

此 發佈設定檔建立進度 對話方塊會確認已建立發佈設定檔。 選取 關閉。

接下來，您會看到 [發佈設定檔摘要 ] 頁面。 Visual Studio 偵測到此應用程式需要 SQL Server 資料庫，該資料庫已列在 [服務相依性] 窗格中。 選取省略符號 （...），然後選取 [連線]。

連接到相依性對話方塊隨即顯示：

• 選取 [Azure SQL Database]。
• 選取 下一步。

在 [ 連線到 Azure SQL 資料庫 ] 對話方塊中，選取 [ 新建]。

建立 Azure SQL 資料庫 已顯示：

• [資料庫名稱]、[資源群組]、[資料庫伺服器] 和 [App Service 計劃] 的輸入欄位已填入。 您可以保留或變更這些值。
• 輸入所選資料庫伺服器的資料庫系統管理員使用者名稱和資料庫系統管理員密碼 （請注意，您使用的帳戶必須具有建立新 Azure SQL 資料庫的必要權限）
• 選取 ，創建。

建立完成後，對話方塊會自動關閉，而 [ 連線到 Azure SQL 資料庫 ] 對話方塊會再次取得焦點：

• 系統會自動選取剛建立的新執行個體。
• 選取 下一步。

在 [ 連線到 Azure SQL 資料庫] 對話方塊的下一個步驟中：

• 輸入 [資料庫連線使用者名稱] 和 [資料庫連線密碼] 欄位。 這些是您的應用程式將在執行階段用來連線到資料庫的詳細資訊。 最佳做法是避免使用與上一個步驟中使用的管理員使用者名稱和密碼相同的詳細資料。
• 選取 完成。

[ 相依性設定進度] 對話方塊會確認已設定 Azure SQL 資料庫。 選取 關閉。

在 發佈設定檔摘要 頁面中，選取 更多動作>編輯：

在「發佈」對話方塊的「設定」標籤上：

• 展開 [資料庫]，然後勾選 [執行時使用此連接字串]。

• 展開 [Entity Framework 移轉] ，然後選取 [發佈時套用此移轉]。

• 選取 [儲存]。 Visual Studio 會返回 [發佈] 對話方塊。

按一下 [發佈]。 Visual Studio 會將您的應用程式發佈至 Azure。 部署完成時。

該應用程序在瀏覽器中打開。 註冊新使用者並以新使用者身分登入，以驗證資料庫部署和執行時期連線。

更新應用程式

• 編輯 Pages/Index.cshtmlRazor 頁面並變更其內容，然後儲存變更。 例如，您可以修改段落以說「你好 ASP.NET 核心！」：

  @page
  @model IndexModel
  @{
      ViewData["Title"] = "Home page";
  }
  
  <div class="text-center">
      <h1 class="display-4">Welcome</h1>
      <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
      <p>Hello ASP.NET Core!</p>
  </div>
  

• 再次從「發佈設定檔摘要」頁面選取「發佈」。

• 發佈應用程式之後，請重新整理頁面，並確認您所做的變更可在 Azure 上使用。

收拾整理

當您完成應用程式測試時，請移至 Azure 入口網站 並刪除應用程式。

• 選取 [資源群組]，然後選取您建立的資源群組。

• 在 [資源群組] 頁面中，選取 [刪除資源群組]。

• 輸入資源群組的名稱，然後選取 [刪除]。 您的應用程式和本教學課程中建立的所有其他資源現在都會從 Azure 中刪除。

其他資源

• Azure 應用服務
• Azure 資源群組
• Azure SQL 資料庫
• 適用於 ASP.NET Core 應用程式部署的 Visual Studio 發行設定檔 (.pubxml)
• 針對 Azure App Service 和 IIS 上的 ASP.NET Core 進行疑難排解