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

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

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

登入 AWS Management Console ，並在 開啟 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 核取方塊。

選擇部署以新增觸發條件，並將函數複寫至全球 AWS 位置。

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

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

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

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

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

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

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

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

登入 AWS Management Console ，並在 https：//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 (是，刪除)。