整合靜態網站與 Azure CDN

您可以啟用 Azure 內容傳遞網路 (CDN),以從裝載於 Azure 儲存體帳戶中的靜態網站快取內容。 您可以使用 Azure CDN 來設定靜態網站的自訂網域端點、佈建自訂 TLS/SSL 憑證,以及設定自訂重寫規則。 設定 Azure CDN 會產生額外的費用,但可為從世界各地到您網站的連線提供一致的低延遲。 Azure CDN 也可利用您自己的憑證提供 TLS 加密。

如需有關 Azure CDN 的定價資訊,請參閱 Azure CDN 定價

為您的靜態網站啟用 Azure CDN

您可以直接從儲存體帳戶為靜態網站啟用 Azure CDN。 如果想要指定 CDN 端點的進階組態設定 (例如大型檔案下載最佳化),您可以改用 Azure CDN 擴充功能建立 CDN 設定檔或端點。

  1. 在 Azure 入口網站中找出您的儲存體帳戶,然後顯示帳戶概觀。

  2. 在 [安全性 + 網路] 功能表底下選取 [Azure CDN],以開啟 [Azure CDN] 頁面:

    建立 CDN 端點

  3. 在 [CDN 設定檔] 區段中,指定是要建立新的 CDN 設定檔,還是使用現有的設定檔。 CDN 設定檔是共用定價層和提供者的 CDN 端點集合。 然後,輸入您的訂用帳戶中唯一的 CDN 名稱。

  4. 指定 CDN 端點的定價層。 若要深入了解定價,請參閱內容傳遞網路定價。 如需各階層可用功能的詳細資訊,請參閱比較 Azure CDN 產品功能

  5. 在 [CDN 端點名稱] 欄位中,指定 CDN 端點的名稱。 CDN 端點在整個 Azure 中必須是唯一的,並提供端點 URL 的第一個部分。 表單會驗證端點名稱是唯一的。

  6. 在 [原始主機名稱] 欄位中指定靜態網站端點。

    若要尋找靜態網站端點,請瀏覽至儲存體帳戶的 [靜態網站] 設定。 複製主要端點,並將其貼到 CDN 設定中。

    重要

    請務必移除通訊協定識別碼 (例如 HTTPS),和 URL 中的尾端斜線。 例如,如果靜態網站端點為 https://mystorageaccount.z5.web.core.windows.net/,則您會在 [原始主機名稱] 欄位中指定 mystorageaccount.z5.web.core.windows.net

    下圖顯示端點設定範例:

    螢幕擷取畫面:顯示 CDN 端點設定範例

  7. 選取 [建立],然後等候 CDN 完成佈建。 端點建立之後,即會出現在端點清單中。 (如果表單中有任何錯誤,該欄位旁會出現驚嘆號。)

  8. 為了確認 CDN 端點是否已正確設定,請按一下端點以瀏覽至其設定。 從儲存體帳戶的 CDN 概觀,找出端點主機名稱,並瀏覽到端點,如下圖所示。 CDN 端點的格式會類似 https://staticwebsitesamples.azureedge.net

    螢幕擷取畫面:顯示 CDN 端點概觀

  9. 在 CDN 端點佈建後瀏覽至 CDN 端點,會顯示您先前上傳至靜態網站的 index.html 檔案內容。

  10. 若要檢閱 CDN 端點的原始設定,請瀏覽至 CDN 端點 [設定] 區段底下的 [原始來源]。 您會看到 [原始來源類型] 欄位設定為 [自訂原始來源] 且 [原始主機名稱] 欄位會顯示靜態網站端點。

    螢幕擷取畫面:顯示 CDN 端點的原始來源設定

從 Azure CDN 移除內容

如果不想繼續在 Azure CDN 中快取物件,您可以採取下列其中一個步驟:

已在 Azure CDN 中快取的物件會保持快取狀態,直到物件的有效存留期已滿或端點已清除為止。 有效存留期已滿時,Azure CDN 會判斷 CDN 端點是否仍然有效,以及物件是否仍可匿名存取。 如果不是的話,將不再快取物件。

下一步

(選擇性) 將自訂網域新增至 Azure CDN 端點。 請參閱教學課程:將自訂網域新增至 Azure CDN 端點