教學課程：建立基本 Lambda@Edge 函數 (主控台)

使用一兩個檔案來建立 Amazon S3 儲存貯體，例如範例內容適用的映像檔案。如需說明，請遵循將您的內容上傳到 Amazon S3 中的步驟。請確定您有設定對應的許可，以授予儲存貯體中物件的公有讀取權限。

請依照建立 CloudFront Web 分佈中的步驟來建立 CloudFront 分佈，並新增您的 S3 儲存貯體當做原始伺服器。如果您已有分佈，可以改為新增儲存貯體當做該分佈的來源。

登入 AWS 管理主控台 並於 AWS Lambda 開啟 https://console.aws.amazon.com/lambda/ 主控台。

選擇 Create function (建立函數)。

在建立函數頁面上，選擇使用藍圖，然後在搜尋欄位中輸入 cloudfront 以篩選 CloudFront 藍圖。

選擇修改 HTTP 回應標頭藍圖做為函數的範本。

輸入以下有關函數的資訊：

請在頁面底部選擇建立函數。

在顯示的部署至 Lambda@Edge 窗格中選擇取消。(在本教學課程中，您必須先修改函數程式碼，才能將函數部署至 Lambda@Edge。)

向下捲動至頁面的程式碼來源區段。

使用修改原始伺服器傳回之安全性標頭的函數，來取代範本程式碼。例如，您可能會使用與下列類似的程式碼：

'use strict';
export const handler = (event, context, callback) => {

    //Get contents of response
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    //Set new headers
    headers['strict-transport-security'] = [{key: 'Strict-Transport-Security', value: 'max-age= 63072000; includeSubdomains; preload'}];
    headers['content-security-policy'] = [{key: 'Content-Security-Policy', value: "default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'"}];
    headers['x-content-type-options'] = [{key: 'X-Content-Type-Options', value: 'nosniff'}];
    headers['x-frame-options'] = [{key: 'X-Frame-Options', value: 'DENY'}];
    headers['x-xss-protection'] = [{key: 'X-XSS-Protection', value: '1; mode=block'}];
    headers['referrer-policy'] = [{key: 'Referrer-Policy', value: 'same-origin'}];

    //Return modified response
    callback(null, response);
};

選擇檔案，然後選擇儲存以儲存更新後的程式碼。

選擇部署。

在 Lambda 主控台頁面的函數概覽頁面中，選擇新增觸發條件。

針對觸發組態選擇 CloudFront。

選擇部署到 Lambda@Edge。

在部署到 Lambda@Edge 面板中，在設定 CloudFront 觸發條件下輸入以下資訊：

選取確認部署到 Lambda@Edge 核取方塊。

選取 Deploy (部署) 新增觸發條件，並將函數複寫到全球各地的 AWS 據點。

請等候函數完成複寫。這通常需要幾分鐘的時間。

若要檢查複寫是否已完成，請移至 CloudFront主控台並檢視您的分佈。等待分佈的狀態是否已從正在部署變為日期和時間 (表示您的函數已複寫完成)。若要驗證函數是否可正常運作，請依照下一節的步驟進行。

在瀏覽器中，輸入 S3 儲存貯體中某個檔案的 URL。例如，您可以使用類似以下的 URL：https://d111111abcdef8.cloudfront.net/image.jpg。

如需用於檔案 URL 中 CloudFront 網域名稱的詳細資訊，請參閱自訂 CloudFront 中檔案的 URL 格式。

開啟瀏覽器的網頁開發人員工具列。例如，在 Chrome 瀏覽器視窗中，開啟內容 (按一下滑鼠右鍵) 選單，然後選擇 Inspect (檢查)。

選擇 Network (網路) 索引標籤。

重新載入頁面來查看您的影像，然後選擇左窗格中的 HTTP 請求。您會看到 HTTP 標頭顯示在個別的窗格中。

查看 HTTP 標頭清單，以驗證預期的安全標頭包含在清單中。例如，您可能會看到類似於以下螢幕擷取畫面所示的標頭。

登入 AWS 管理主控台 並開啟位於 https://console.aws.amazon.com/cloudwatch/ 的 CloudWatch 主控台。

將 Region (區域) 變更為您在瀏覽器中檢視檔案時所顯示的位置。這是函數執行所在的位置。

在左窗格中，選擇 Logs (日誌) 來檢視分佈的日誌。

在以下網址開啟 Amazon S3 主控台：https://console.aws.amazon.com/s3/。

選取您的儲存貯體，然後選擇 Properties (屬性)。

從 Properties (屬性) 選擇 Logging (記錄日誌)。

清除 Enabled (已啟用) 核取方塊。

選擇 Save (儲存)。

在 https://console.aws.amazon.com/cloudfront/v4/home 開啟 CloudFront 主控台。

選取您要停用的分佈，然後選擇 Disable (停用)。

出現確認提示時，請選擇 Yes, Disable (是，停用)。

選取已停用的分佈，然後選擇 Delete (刪除)。

出現確認提示時，選擇 Yes, Delete (是，刪除)。