教程：创建基本 Lambda@Edge 函数

创建包含一个或两个文件的 Amazon S3 存储桶，此处的文件可以是图像文件等等，并将作为示例内容。要获得帮助，请按照将您的内容上传到 Amazon S3 中提供的步骤执行操作。确保设置相应权限，以授予对存储桶中对象的公共读取访问权限。

按照创建 CloudFront Web 分配中提供的步骤操作，创建 CloudFront 分配并添加您的 S3 存储桶作为源。如果您已有一个分配，可以添加该存储桶作为该分配的源。

通过以下网址登录 AWS Management Console并打开 AWS Lambda 控制台：https://console.aws.amazon.com/lambda/。

选择创建函数。

在创建函数页面上，选择使用蓝图，然后通过在搜索字段中输入 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 格式。

打开您的浏览器的 Web Developer（Web 开发人员）工具栏。例如，在 Chrome 浏览器窗口中，打开上下文（右键单击）菜单，然后选择检查。

选择网络选项卡。

重新加载页面以查看您的图像，然后在左侧窗格选择 HTTP 请求。您会看到在一个单独窗格中显示 HTTP 标头。

查看 HTTP 标头的列表，验证所需安全标头包含在列表中。例如，您可能会看到类似于以下屏幕截图中所示的标头。

登录到 AWS Management Console 并通过以下网址打开 CloudWatch 控制台：https://console.aws.amazon.com/cloudwatch/。

将区域更改为您在浏览器中查看文件时所显示的位置。这是执行函数的区域。

在左侧窗格中选择日志以查看您的分配的日志。

通过以下网址打开 Amazon S3 控制台：https://console.aws.amazon.com/s3/。

选择存储桶，然后选择 Properties。

从属性中选择日志记录。

取消选中启用复选框。

选择保存。

通过 打开 CloudFront 控制台https://console.aws.amazon.com/cloudfront/v4/home

选择要禁用的分配，然后选择禁用。

当系统提示确认时，选择是，禁用。

选择禁用的分配，然后选择删除。

当系统提示进行确认时，选择 Yes, Delete。