共用方式為


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

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

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

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

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

本指南示範設定 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 來安全地提供服務。

下一步