快速入門:為高可用性的全域 Web 應用程式建立 Front Door

重要

Azure Front Door(傳統版)將於 2027 年 3 月 31 日淘汰。 為了避免任何服務中斷,請務必在 2027 年 3 月之前將 Azure Front Door (傳統) 配置檔移轉至 Azure Front Door Standard 或 進階版 層。 如需詳細資訊,請參閱 Azure Front Door(傳統版)淘汰

本快速入門說明如何使用 Azure 入口網站 為具有 Azure Front Door 的 Web 應用程式設定高可用性。 您可以建立 Front Door 設定,將流量分散到在不同 Azure 區域中執行的 Web 應用程式的兩個實例。 組態會使用同等加權和相同的優先順序後端,這表示 Azure Front Door 會將流量導向至裝載應用程式的最接近可用月臺。 Azure Front Door 也會監視 Web 應用程式的健全狀況,並在最接近的網站關閉時執行自動故障轉移至下一個最近的網站。

使用 Azure 入口網站 的 Front Door 部署環境圖表。

必要條件

建立 Web 應用程式的兩個執行個體

若要完成本快速入門,您需要在不同 Azure 區域中執行的兩個 Web 應用程式實例。 Web 應用程式實例會以 主動/主動 模式運作,這表示兩者都可以同時處理流量。 此設定與 作用中/待用 模式不同,其中一個實例會做為另一個實例的備份。

若要遵循本快速入門,您需要兩個在不同 Azure 區域中執行的 Web 應用程式。 如果您還沒有它們,您可以使用這些步驟來建立範例 Web 應用程式。

  1. 登入 Azure 入口網站

  2. 在畫面左上角,選取 [+ 建立資源 ],然後搜尋 Web 應用程式

    在 Azure 入口網站 中建立 Web 應用程式。

  3. 在 [建立 Web 應用程式] 頁面的 [基本] 索引標籤上,提供或選取下列詳細數據。

    設定
    訂用帳戶 選擇您的訂用帳戶。
    資源群組 選取 [新建],然後在文本框中輸入FrontDoorQS_rg1。
    名稱 輸入 Web 應用程式的唯 一名稱 。 例如, WebAppContoso-1
    發行 選取 [程式碼]
    執行階段堆疊 選取 .NET Core 3.1 (LTS)
    作業系統 選取 [Windows]
    區域 選取 [美國中部]
    Windows Plan 選取 [新建 ],然後在文本框中輸入 myAppServicePlanCentralUS
    SKU 和大小 選取 [標準 S1 100 總計 ACU,1.75 GB 記憶體]。
  4. 選取 [ 檢閱 + 建立 ],並確認摘要詳細數據。 然後,選取 [建立] 以起始部署程式。 部署可能需要幾分鐘的時間才能完成。

    顯示 [建立 Web 應用程式] 頁面的螢幕快照。

成功部署第一個 Web 應用程式之後,請繼續建立另一個 Web 應用程式。 遵循相同的步驟,並輸入與之前相同的值,但列出的值除外:

設定
資源群組 選取 [ 新建 ] 並輸入 FrontDoorQS_rg2
名稱 輸入 Web 應用程式的唯一名稱,例如 WebAppContoso-2
區域 選取與第一個 Web 應用程式不同的區域,例如 美國東部
App Service 方案>Windows 方案 選取 [ 新增 ] 並輸入 myAppServicePlanEastUS,然後選取 [ 確定]

為您的應用程式建立 Front Door

設定 Azure Front Door,根據兩部 Web 應用程式伺服器之間的最低延遲來路由傳送使用者流量。 首先,新增 Azure Front Door 的前端主機。

  1. 從首頁或 Azure 功能表,選取 [+ 建立資源]。 選取 [網络>前端] 和 [CDN 配置檔]。

  2. 在 [ 比較供應專案] 頁面上,選取 [ 探索其他供應專案]。 然後選取 [Azure Front Door][傳統]。 然後選取 [繼續]

  3. 在 [建立 Front Door] 頁面的 [基本] 索引卷 標中,提供或選取下列資訊,然後選取 [ 下一步:設定]。

    設定
    訂用帳戶 選取您的訂用帳戶。
    資源群組 選取 [新建],然後在文本框中輸入FrontDoorQS_rg0。
    資源群組位置 選取 [美國中部]
  4. [前端/網域] 中,選取 + 以開啟 [ 新增前端主機 ] 頁面。

  5. 針對 [ 主機名],輸入全域唯一的主機名。 例如, contoso-frontend。 選取 [新增]。

    新增 Azure Front Door 的前端主機。

接下來,設定包含您兩個 Web 應用程式的後端集區。

  1. 仍在 [建立 Front Door] 的 [後端集區] 中,選取+以開啟 [新增後端集區] 頁面。

  2. 針對 [ 名稱],輸入 myBackendPool,然後選取 [ 新增後端]。

    新增後端集區。

  3. 在 [ 新增後端 ] 窗格中提供或選取下列資訊,然後選取 [ 新增]。

    設定
    後端主機類型 選取 [App Service]。
    訂用帳戶 選取您的訂用帳戶。
    後端主機名 選取您建立的第一個 Web 應用程式。 例如, WebAppContoso-1

    保留所有其他欄位預設值。

    將後端主機新增至 Front Door。

  4. 「再次選取 [新增後端 ]。 提供或選取下列資訊,然後選取 [ 新增]。

    設定
    後端主機類型 選取 [App Service]。
    訂用帳戶 選取您的訂用帳戶。
    後端主機名 選取您建立的第二個 Web 應用程式。 例如, WebAppContoso-2

    保留所有其他欄位預設值。

  5. 選取 [新增後端集區] 頁面上的 [新增],以完成後端集區的設定。

    新增 Azure Front Door 的後端集區。

最後,建立路由規則。 路由規則會將前端主機連結至後端集區。 此規則會將的要求 contoso-frontend.azurefd.net 路由傳送至 myBackendPool

  1. 仍在 [建立 Front Door] 的 [路由規則] 中,選取+以設定路由規則。

  2. [新增規則] 的 [ 名稱] 中,輸入 LocationRule。 保留所有預設值,然後選取 [新增] 以建立路由規則。

    顯示建立 Front Door 時新增規則的螢幕快照。

    警告

    您必須將 Azure Front Door 中的每個前端主機與具有預設路徑 /*的路由規則產生關聯。 這表示您必須在所有路由規則的預設路徑 /* 上,針對每個前端主機,至少要有一個路由規則。 否則,您的終端使用者流量可能無法正確路由傳送。

  3. 選取 [ 檢閱 + 建立 ],並確認詳細數據。 然後,選取 [ 建立] 以開始部署。

    已設定 Azure Front Door。

檢視 Azure Front Door 運作情形

建立 Front Door 之後,需要幾分鐘的時間才能全域部署設定;完成後,請存取您建立的前端主機。 在瀏覽器中,移至您的前端主機位址。 您的要求會自動從後端集區中指定的伺服器路由傳送至最接近的伺服器。

如果您遵循本快速入門來建立這些應用程式,您會看到資訊頁面。

若要測試立即全域故障轉移功能,請嘗試下列步驟:

  1. 流覽至資源群組 FrontDoorQS_rg0 ,然後選取 Front Door 服務。

    前端服務的螢幕快照。

  2. 從 [概 觀] 頁面複製 前端主機 位址。

    前端主機地址的螢幕快照。

  3. 如先前所述開啟瀏覽器,然後移至您的前端位址。

  4. 在 Azure 入口網站中,搜尋並選取 [應用程式服務]。 向下卷動以尋找其中一個 Web 應用程式,例如 WebAppContoso-1

  5. 選取您的 Web 應用程式,然後選取 [停止],然後選取 [是] 以確認。

  6. 重新整理您的瀏覽器。 您應該會看到相同的資訊頁面。

    提示

    這些動作可能需要一些時間才會生效。 您可能需要重新整理瀏覽器。

  7. 找出其他 Web 應用程式,並加以停止。

  8. 重新整理您的瀏覽器。 此時,您應該會看到一則錯誤訊息。

    Web 應用程式的兩個實例都已停止。

清除資源

完成之後,您可以刪除您建立的所有專案。 刪除資源群組也會刪除其內容。 如果您不打算使用此 Front Door,您應該刪除資源以避免產生不必要的費用。

  1. 在 Azure 入口網站 中,搜尋並選取 [資源群組],或從 [Azure 入口網站] 功能表中選擇 [資源群組]。

  2. 篩選或向下卷動以尋找資源群組,例如 FrontDoorQS_rg0

  3. 選擇資源群組,然後選取 [ 刪除 資源群組]。

    警告

    此動作無法復原。

  4. 輸入您要刪除的資源群組名稱,然後選取 [ 刪除]。

  5. 針對其餘兩個群組重複這些步驟。

下一步

請繼續進行下一篇文章,瞭解如何為您的 Front Door 設定自定義網域。