动态调用业务API,不改原代码的生图方案!

864822125c2a2403297823d74b12d01c.gif

本方案通过与Amazon CloudFront Origin-Response和Amazon Lambda@Edge函数相结合,当Amazon CloudFront缓存文件不存在回源Amazon S3时,Amazon S3桶中文件不存在,Amazon Lambda@Edge中部署的Amazon Lambda函数根据Amazon S3请求返回状态码,调用图片生成接口生成图片,Amazon Lambda函数获取业务接口生成的图片后,上传图片到Amazon S3桶,然后返回图片到Amazon CloudFront最终呈现给用户。

本方案主要解决在全球区域从其他云平台上的对象存储服务OSS(Object Storage Service)迁移回源请求转发场景,通过结合Amazon CloudFront+Amazon Lambda@Edge,将现有业务迁移到亚马逊云科技。能够在不修改原有代码的情况下,轻松实现回源文件不存在时,调用业务接口生成文件。采用无服务架构,您无需维护基础资源,系统能自动根据业务弹性扩缩容。

需求背景

当客户业务需要请求者访问Bucket中不存在的文件(Object)时,根据回源规则指定的源站获取该文件。获取到目标文件后,会将文件返回给请求者并保存到Bucket中。

流程如下:

2085a2f309ea8456e8c77207f7e5bc19.png

因Amazon S3不能直接配置外部接口调用(业务接口程序),需要通过Amazon CloudFront+Amazon Lambda@Edge方式来实现该功能。

解决方案架构

具体架构如下:

f3bdb504aaf1b7790ed6193460d2c0cc.png

Amazon Lambda@Edge是Amazon CloudFront的一个功能,可让您在靠近应用程序用户的地方运行代码,从而提高性能,降低延迟。使用Amazon Lambda@Edge,您无需在全球多个地方预置或管理基础设施。您只需按使用的计算时间付费—代码未运行时不产生费用。

Amazon Lambda@Edge

https://aws.amazon.com/cn/lambda/edge/?nc1=h_ls

Amazon CloudFront

https://aws.amazon.com/cloudfront/

使用Amazon Lambda@Edge,您可以将Web应用程序分布在全球并提高它们的性能(并且无需管理任何服务器),从而丰富您的Web应用程序。Amazon Lambda@Edge 根据Amazon CloudFront内容分发网络(CDN)生成的事件运行代码。您只需将代码上传到Amazon Lambda无服务器计算环境,后者将在靠近最终用户的亚马逊云科技边缘站点完成运行和扩展代码所需的一切操作,从而实现高可用性。

对于Amazon CloudFront分配中的每个缓存行为,您最多可添加四个触发器(关联),以便在发生特定Amazon CloudFront事件时触发Amazon Lambda函数执行。Amazon CloudFront触发器可以基于四个Amazon CloudFront事件之一,如下图所示。

5ce4958dfe7f82501cb8de00b3eea185.png

可用于触发Amazon Lambda@Edge函数的Amazon CloudFront事件如下:

  • 查看器请求:当Amazon CloudFront收到查看器的请求时及它检查请求的对象是否在Amazon CloudFront缓存中之前,该函数会执行。

  • 源请求:仅当Amazon CloudFront将请求转发给您的源时,该函数才会执行。当请求的对象位于Amazon CloudFront缓存中时,该函数不会执行。

  • 源响应:在Amazon CloudFront收到来自源的响应之后及它将对象缓存在响应中之前,该函数会执行。请注意,即使从源返回了错误,该函数仍会执行。

    在以下情况下该函数不会执行:

    • 当请求的文件位于Amazon CloudFront缓存中并且未过期时;

    • 当从由源请求事件触发的函数中生成响应时。

  • 查看器响应:在将请求的文件返回到查看器之前,该函数会执行。请注意,无论文件是否已在Amazon CloudFront缓存中,该函数都会执行。

Amazon Lambda是一种无服务器的计算服务,让您无需预置或管理服务器、创建可感知工作负载的集群扩展逻辑、维护事件集成或管理运行时,即可运行代码。借助Amazon Lambda,您几乎可以为任何类型的应用程序或后端服务运行代码,而且完全无需管理。只需将您的代码以.zip文件或容器映像的形式上传,Amazon Lambda便会自动、精确地分配计算执行能力,并根据传入的请求或事件运行您的代码,以适应任何规模的流量。

您可以将您的代码设置为自动200多个亚马逊云科技服务和SaaS应用程序触发,或者直接从任何Web或移动应用程序调用。您可以使用自己喜欢的语言(Node.js、Python、Go、Java等)编写Amazon Lambda函数,并使用无服务器和容器工具(例如SAM或Docker CLI)来构建、测试和部署您的函数。

实施步骤

Amazon Lambda函数需要部署在us-east-1,因为要发送至Amazon CloudFront Edge只有us-east-1区域支持这项操作。

步骤1. 新建Amazon S3桶chivas-test-1

可以通Web控制台、Amazon CLI、Amazon SDK等方式创建存储桶。

步骤2. 编辑存储桶策略

{
   "Version":"2012-10-17",
   "Statement":[
      {
         "Principal":{
            "AWS":"*"
         },
         "Effect":"Allow",
         "Action":[
            "s3:GetObject"
         ],
         "Resource":"arn:aws:s3:::chivas-test-1/*"}
   ]
}

左右滑动查看完整示意

如下图所示:

3fe0e750621889cc43ac442df94b7b59.png

步骤3. 创建Amazon CloudFront分配

创建分配,如图所示:

74ab478d8c5bdbdf4a29a09adb2ea698.png

缓存行为配置,如下图所示:

3baadde2b9884fc24e08a6e785fe2590.png

关联函数配置,如下图所示:

59170adb2c9625e62a13bed6de7b4978.png

其他配置完成后,点击创建分配按钮,完成分配创建。

b84fbdba7a96bf7136d1588c426a8a44.png

步骤4. 创建Amazon Lambda函数

Amazon Lambda函数采用Node.js,代码如下:

index.js
const querystring = require("querystring");
const httpreq = require("request");
const AWS = require("aws-sdk");
const S3 = new AWS.S3({
  signatureVersion: "v4"
});
const bucketName = " chivas-test-1";
const s3Basekey = "api/image/";
const backendAddress = "https://xxxxxxxx.com";
exports.handler = (event, context, callback) => {
  let response = event.Records[0].cf.response;
  if (response.status != 403) {
    callback(null, response);
    return;
  }
  let request = event.Records[0].cf.request;
  //console.log('event', JSON.stringify(event))
  let path = request.uri;
  let key = decodeURIComponent(s3Basekey+path.substring(1));
  console.log({ key });
  httpreq({
    url: backendAddress + path,
    method: 'GET',
    encoding: null
  }, (err, getRespone, body) => {
    if (!err && getRespone.statusCode === 200) {
      const contentType = getRespone.headers['content-type']
      S3.putObject({
        Body: body,
        Bucket: bucketName,
        ContentType: contentType,
        Key: key
      }, (err, data) => {
        if (err) {
          console.log(err, err.stack);
        }
        else {
          response.status = 200;
          response.body = body.toString("base64");
          response.bodyEncoding = "base64";
          if (contentType)
            response.headers["content-type"] = [{ key: "Content-Type", value: contentType }];
        }
      })
    } else {
      console.log('download error url', backendAddress + path);
    }
  });
  callback(null, response);
};

左右滑动查看完整示意

上述代码中:

const bucketName=“xxxxx”;

const backendAddress=“https://xxxxxxxx.com”;

修改成自己业务中的存储桶名和业务接口地址。

创建函数,如下图所示:

6251500e1cbef11c8b99c4cb89b4536d.png

50ddb330d2e00eef5d30e2dc7b882f5a.png

上传代码,也可以直接在Amazon Lambda控制台编写代码,本文采用上传本地代码方式:

9afc44a727ac2e6973cdcb2ac569e768.png

b882d9461b8e8990a5f18130e0e56b73.png

上传完成,并发布代码:

36f9d063d024eeeb53463adfa9ca455f.png

配置角色权限:

496ebcd0d805d4ea0f9b4456c33765de.png

配置角色策略:

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

左右滑动查看完整示意

配置完成后,如下图所示:

dbbfa68dcf98f755a215f63a11d38501.png

添加Amazon Lambda触发器:

6b3e800ed9cc58c5998fbb19ac947096.png

部署到Amazon Lambda@Edge:

e683586adb6106bdccb89889fa4fcbfa.png

部署完成,查看版本信息,如下图所示:

5825744db1b299c2a724c19716f26804.png

部署完成后测试,当Amazon CloudFront回源到Amazon S3图片不存在时,Amazon Lambda@Edge会根据Amazon S3返回状态码进行业务接口调用,业务接口返回图片后,Amazon Lambda@Edge上传Amazon S3,返回图片到请求端,如下图所示:

b561410935ce6d3ab7309046bfab2d25.png

总结

使用Amazon Lambda@Edge动态调用业务接口生成图片的两个主要好处是:

  1. 将Amazon CloudFront+Amazon Lambda@Edge+Amazon S3相结合,把现有业务迁移到亚马逊云科技,能在不修改原有代码的情况下,轻松实现业务目标。

  2. 通过Amazon Lambda无服务器架构来简化基础架构。

outside_default.png

参考文档

https://aws.amazon.com/cn/cloudfront/getting-started/

https://docs.aws.amazon.com/zh_cn/lambda/latest/dg/lambda-edge.html

https://aws.amazon.com/cn/blogs/china/automatically-create-and-update-lambda-edge-in-cloudfront/

https://aws.amazon.com/cn/blogs/networking-and-content-delivery/resizing-images-with-amazon-cloudfront-lambdaedge-aws-cdn-blog/

https://docs.aws.amazon.com/zh_cn/AmazonCloudFront/latest/DeveloperGuide/lambda-examples.html

https://docs.aws.amazon.com/zh_cn/AmazonCloudFront/latest/DeveloperGuide/lambda-edge-how-it-works-tutorial.html

ac06b6ec4a6e1bb2f20d19e896606749.png

e3f14d02281809a9e5affe58a9a98a3e.jpeg

a747691184872eb0e236a95e5a4318ba.jpeg

本篇作者

ba94bef0d24a964c75740cbfe1ca280d.jpeg

李龙

亚马逊云科技解决方案架构师,负责基于亚马逊云科技的解决方案咨询和设计,Serverless TFC成员。特别关注教育和媒体领域的云服务和生成式AI运用。

59b2287c58630bb0fd2b00ad844517c5.jpeg

任耀洲

亚马逊云科技解决方案架构师,负责企业客户应用在亚马逊云科技的架构咨询和设计。在微服务架构设计、数据库等领域有丰富的经验。

c6f6c5cbd11cccbd9fb80605182b8e4c.png

1a5cb86b402cb1a3e8f01d5686ae651f.gif

星标不迷路,开发更极速!

关注后记得星标「亚马逊云开发者」

听说,点完下面4个按钮

就不会碰到bug了!

b8f480ea39405d2c8e2fce65746b63ee.gif

点击阅读原文查看博客!获得更详细内容!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值