无法将自定义标头添加到 CloudFront 分发 - 使用 s3 作为后端

Question 1

您可以使用以下方式向 CloudFront/S3 的响应添加自定义标头：Lambda@Edge函数。lambda 代码在本地边缘位置内运行，但需要在us-east-1区域中创建和维护。

这里的示例代码使用 nodeJS 6.10 添加x-frame-options响应标头，但你可以添加任何不是受限制的由 AWS 提供。

'use strict'; 
 exports.handler = (event, context, callback) => {
   const response = event.Records[0].cf.response; 
   const headers = response.headers; 
   response.headers['x-frame-options'] = [{"key":"X-Frame-Options","value":"SAMEORIGIN"}]; 
   console.log(response.headers); 
   callback(null, response);
 };

创建 Lambda 的最终版本，然后将 Lambda 版本的触发器配置设置为origin-response路径模式行为的 CloudFront 事件类型。

示例代码将事件记录到 CloudWatch 日志服务中以供调试。如果您还没有，则需要设置一个 lambda 执行 IAM 角色，该角色允许允许 CloudWatch 日志操作由edgelambda.amazonaws.com和承担的策略lambda.amazonaws.com。

允许将日志写入 CloudWatch 的基本 Lambda 执行策略：

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Action": [
                "logs:CreateLogGroup",
                "logs:CreateLogStream",
                "logs:PutLogEvents"
            ],
            "Resource": "arn:aws:logs:*:*:*",
            "Effect": "Allow"
        }
    ]
}

信任关系允许 Lambda 和 Lambda@Edge 承担角色：

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "Service": [
          "edgelambda.amazonaws.com",
          "lambda.amazonaws.com"
        ]
      },
      "Action": "sts:AssumeRole"
    }
  ]
}

如果 AWS 只是允许使用 CloudFront GUI 设置自定义标头，那就更好了，但在此之前，该解决方案应该可以满足您的要求。

Answer

您可以使用以下方式向 CloudFront/S3 的响应添加自定义标头：Lambda@Edge函数。lambda 代码在本地边缘位置内运行，但需要在us-east-1区域中创建和维护。

这里的示例代码使用 nodeJS 6.10 添加x-frame-options响应标头，但你可以添加任何不是受限制的由 AWS 提供。

'use strict'; 
 exports.handler = (event, context, callback) => {
   const response = event.Records[0].cf.response; 
   const headers = response.headers; 
   response.headers['x-frame-options'] = [{"key":"X-Frame-Options","value":"SAMEORIGIN"}]; 
   console.log(response.headers); 
   callback(null, response);
 };

创建 Lambda 的最终版本，然后将 Lambda 版本的触发器配置设置为origin-response路径模式行为的 CloudFront 事件类型。

示例代码将事件记录到 CloudWatch 日志服务中以供调试。如果您还没有，则需要设置一个 lambda 执行 IAM 角色，该角色允许允许 CloudWatch 日志操作由edgelambda.amazonaws.com和承担的策略lambda.amazonaws.com。

允许将日志写入 CloudWatch 的基本 Lambda 执行策略：

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Action": [
                "logs:CreateLogGroup",
                "logs:CreateLogStream",
                "logs:PutLogEvents"
            ],
            "Resource": "arn:aws:logs:*:*:*",
            "Effect": "Allow"
        }
    ]
}

信任关系允许 Lambda 和 Lambda@Edge 承担角色：

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Effect": "Allow",
      "Principal": {
        "Service": [
          "edgelambda.amazonaws.com",
          "lambda.amazonaws.com"
        ]
      },
      "Action": "sts:AssumeRole"
    }
  ]
}

如果 AWS 只是允许使用 CloudFront GUI 设置自定义标头，那就更好了，但在此之前，该解决方案应该可以满足您的要求。

Question 2

我刚刚在查看器响应中实现了标头操作。它只是向 CloudFront 发送的响应添加标头。

您需要使用名为“CloudFront Function”的新工具。 https://console.aws.amazon.com/cloudfront/v3/home#/functions/ 直接在CDN的218+PoP上运行，而不只是在区域PoP上运行，函数需要用JS编写。

以下是 AWS 博客文章，比较了 lambda@edge 和 CloudFront 函数：https://aws.amazon.com/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/

从 AWS 博客文章来看，最常见的用例是：

HTTP 标头操作
缓存键操作和规范化
URL 重写和重定向
访问授权

我的功能很简单：

    function handler(event) {
      var response = event.response;
      var headers = response.headers;

      // Set custom header
      headers['custom-header'] = {value: '*'}; 

      // Return the response to viewers 
      return response;
    }

您所要做的只是将其附加到您的发行版，它就可以工作了。

Answer