在 Azure Static Web Apps 中設定自訂網域

根據預設，Azure Static Web Apps 會為您的網站提供自動產生的網域名稱，但您可以將自訂網域指向您的網站。 免費 SSL/TLS 憑證會自動針對自動產生的功能變數名稱和您可能新增的任何自定義網域建立。 本文說明如何使用外部提供者，搭配 www 子網域設定您的網域名稱。

設定自訂網域以搭配靜態 Web Apps 使用的方法有很多種：

• 如果您使用頂點網域（不含子域的網域，也稱為根域），請參閱 在靜態 Web Apps 上設定自定義頂點網域。
• 如果您使用 Azure DNS，請參閱 使用 Azure DNS 設定自定義網域，或使用 Azure DNS 設定自定義頂點網域。

必要條件

• 您必須能夠使用 DNS 服務或網域註冊機構所提供的工具，在您的 DNS 網域上建立 CNAME 記錄。

觀賞影片

取得您的靜態 Web 應用程式 URL

1. 前往 Azure 入口網站。

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

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

在您的網域登錄器帳戶上建立 CNAME 記錄

網域註冊機構是可用來購買和管理功能變數名稱的服務。 若要尋找網域註冊機構，請參閱 經認可的註冊機構清單。

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

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

3. 使用下列值新增 CNAME 記錄。

   設定	值
   類型	CNAME
   Host	您的子網域，例如 www
   值	貼上您擱在文字編輯器中的網域名稱。
   TTL (如果適用)	保留為預設值。

在 Azure Static Web Apps 中建立 CNAME 記錄

1. 返回 Azure 入口網站中的靜態 Web 應用程式。

2. 在 [設定] 底下選取 [自訂網域]>[+ 新增]。 選取 [其他 DNS 上的自訂網域]。

3. 選取 + 新增。

4. 在 [輸入網域] 索引標籤中，輸入前面加上 www 的網域名稱，然後選取 [下一步]。

   例如，如果您的網域名稱是 example.com，請輸入 www.example.com。

5. 在 [ 驗證 + 新增 ] 索引標籤中，輸入下列值。

   設定	值
   網域名稱	此值應符合您在上一個步驟中輸入的網域名稱 (具有 www 子網域)。
   主機名稱記錄類型	選取 CNAME。

6. 選取 [新增]。

   Azure 會驗證 CNAME 記錄是否已正確建立，且可在全域 DNS 系統中使用。 傳播取決於您網域的存留時間（TTL），可能需要數天的時間。 如果驗證失敗，請稍後返回以新增自定義網域。

7. 更新完成時，開啟新的瀏覽器索引標籤，並前往具有子網域 www 的網域。

   您應該會在瀏覽器中看到靜態 Web 應用程式。 檢查位置，確認您的網站是否使用 https安全地提供。