在 Azure Static Web Apps 中設定頂點網域

  • 發行項

沒有子網域的網域名稱會稱為頂點或根網域。 例如，網域 www.example.com 是與 example.com 頂點網域聯結的 www 子網域。

某些網域註冊機構 (例如 Google 和 GoDaddy) 不允許您將頂點網域指向現有的 URL。 如果您的註冊機構不支援 ALIAS 或 ANAME 記錄，或不允許 CNAME 扁平化，請考慮下列選項：

  • 使用 Azure DNS 設定網域
  • 將頂點網域轉送至 www 子網域
  • 使用 A 記錄

使用 A 記錄將流量導向靜態 Web 應用程式的單一區域主機。 啟用時，靜態 Web 應用程式不再受益於其全域散發，這可能會影響您的應用程式效能。 請考慮針對 APEX 網域使用 ALIAS、ANAME 或 CNAME 記錄，以獲得最佳效能。

本指南示範設定 APEX 網域的三個選項。

  • 如果您的網域註冊機構支援 ALIAS DNS 記錄，請使用使用 ALIAS 記錄設定的步驟。

    如果您的註冊機構不支援 ALIAS 記錄，但支援 ANAME 記錄或 CNAME 簡維，請參閱其組態設定文件。

  • 如果您的網域註冊機構不支援 ALIAS DNS 記錄，請使用轉送至 www 子網域的步驟。

  • 如果上述選項不適合您，請使用使用 A 記錄設定的步驟。 使用 A 記錄，您的流量會導向至單一 Static Web Apps 主機，而且您的應用程式不再受益於全域散發所提供的效能改善。

注意

CNAME 記錄會將網域名稱對應到另一個網域 (或子網域)，而 A 記錄會將網域名稱對應至 IP 位址。 如果 IP 位址變更，CNAME 項目仍然有效，與 A 記錄不同。

使用 ALIAS 記錄設定

建立 ALIAS 記錄之前，您必須先驗證您擁有該網域。

驗證擁有權

  1. 開啟 Azure 入口網站。

  2. 前往您的靜態 Web 應用程式。

  3. 從 [概觀] 視窗中，複製網站產生的 URL，並將其擱在文字編輯器中以供日後使用。

  4. 在 [設定] 底下選取 [自訂網域]。

  5. 選取 + 新增。

  6. 在 [輸入網域] 索引標籤中，輸入您的頂點網域名稱。

    例如，如果您的網域名稱是 example.com，請在此方塊中輸入 example.com (不含任何子網域)。

  7. 選取 [下一步]。

  8. 在 [驗證 + 設定] 索引標籤中輸入下列值。

    設定 值
    網域名稱 此值應符合您在上一個步驟中輸入的網域名稱。
    主機名稱記錄類型 選取 [TXT]。

  9. 選取 [產生程式碼]。

    等候程式碼產生。 這可能需要一分鐘左右才能完成。

  10. 產生 TXT 記錄值之後，請將程式碼複製 (在產生的值旁邊) 到剪貼簿中。

  11. 選取關閉。

  12. 開啟新的瀏覽器索引標籤，並登入您的網域登錄器帳戶。

  13. 移至網域名稱的 DNS 組態設定。

  14. 使用下列值新增 TXT 記錄。

    設定 值
    類型 TXT
    Host 輸入 @
    值 貼上您從 Azure 入口網站複製的產生程式碼值。
    TTL (如果適用) 保留為預設值。

  15. 將變更儲存到您的 DNS 記錄。

設定 ALIAS 記錄

  1. 返回網域名稱的 DNS 組態設定。

  2. 使用下列值新增 ALIAS 記錄。

    設定 值
    類型 ALIAS
    Host 輸入 @
    值 貼上您從 Azure 入口網站複製的產生 URL。 請務必移除 URL 的 https:// 前置詞。
    TTL (如果適用) 保留為預設值。

  3. 將變更儲存到您的 DNS 記錄。

    因為 DNS 設定需要傳播，所以此程序可能需要一些時間才能完成。

  4. 開啟新的瀏覽器索引標籤，然後移至您的頂點網域。

    更新 DNS 記錄之後，您應該會在瀏覽器中看到靜態 Web 應用程式。 此外，請檢查位置，確認網站是否使用 https 來安全地提供服務。

轉寄至 www 子網域

每個網域註冊機構都有不同的網域名稱管理流程。 登入註冊機構的帳戶之後，請尋找網域轉送選項。 有些註冊機構會將此功能列在 [DNS 選項]下，有些則是與 [Website options] \(網站選項\) 相關聯。

設定轉送時，請務必只將頂點網域設定為轉送至 www 子網域。

如需詳細資訊，請參閱註冊機構文件。

使用 A 記錄設定

建立 A 記錄之前，您必須先驗證您擁有該網域。

驗證擁有權

  1. 開啟 Azure 入口網站。

  2. 前往您的靜態 Web 應用程式。

  3. 從 [基本] 區段右上角的 [概觀] 視窗中，選取 [JSON 檢視]。

  4. 複製 stableInboundIP 屬性的值，並放在文字編輯器中以供日後使用。 這是您區域 Static Web Apps 主機的 IP 位址。

  5. 在 [設定] 底下選取 [自訂網域]。

  6. 選取 + 新增。

  7. 在 [輸入網域] 索引標籤中，輸入您的頂點網域名稱。

    例如，如果您的網域名稱是 example.com，請在此方塊中輸入 example.com (不含任何子網域)。

  8. 選取 [下一步]。

  9. 在 [驗證 + 設定] 索引標籤中輸入下列值。

    設定 值
    網域名稱 此值應符合您在上一個步驟中輸入的網域名稱。
    主機名稱記錄類型 選取 [TXT]。

  10. 選取 [產生程式碼]。

    等候程式碼產生。 這可能需要一分鐘左右才能完成。

  11. 產生 TXT 記錄值之後，請將程式碼複製 (在產生的值旁邊) 到剪貼簿中。

  12. 選取關閉。

  13. 開啟新的瀏覽器索引標籤，並登入您的網域登錄器帳戶。

  14. 移至網域名稱的 DNS 組態設定。

  15. 使用下列值新增 TXT 記錄。

    設定 值
    類型 TXT
    Host 輸入 @
    值 貼上您從 Azure 入口網站複製的產生程式碼值。
    TTL (如果適用) 保留為預設值。

  16. 將變更儲存到您的 DNS 記錄。

設定 A 記錄

  1. 返回網域名稱的 DNS 組態設定。

  2. 使用下列值新增 A 記錄。

    設定 值
    類型 A
    Host 輸入 @
    值 貼上您從 Azure 入口網站複製的 stableInboundIP。
    TTL (如果適用) 保留為預設值。

  3. 將變更儲存到您的 DNS 記錄。

    因為 DNS 設定需要傳播，所以此程序可能需要一些時間才能完成。

  4. 開啟新的瀏覽器索引標籤，然後移至您的頂點網域。

    更新 DNS 記錄之後，您應該會在瀏覽器中看到靜態 Web 應用程式。 此外，請檢查位置，確認網站是否使用 https 來安全地提供服務。

下一步

管理預設網域