许多网站和 Web 应用程序都会组合提供静态内容（HTML、CSS、JPG 或者所有最终访客都可以看到的其他文件）和动态内容（为每个最终访客个性化）。幸运的是，Amazon CloudFront 同时支持这两种内容，以减少延迟，保护基础设施，优化成本。在本博文中，我们将演示如何使用 CloudFront 来通过单个分发同时交付静态内容和动态内容，满足动态和静态网站以及 Web 应用程序的需要。您将会学习如何通过 CloudFront 连接到自定义的动态内容源（在此例中为一个 Amazon EC2 Web 服务器）和用于静态内容的 Amazon S3 存储桶，从而实现这一目标。

为设置用于交付动态内容的源，您首先要创建一个 Amazon S3 存储桶，然后分配一个允许 CloudFront 访问来自 Amazon S3 的数据的策略。然后，您会在一个 Amazon EC2 实例上创建一个 Web 服务器，其中包含您的动态内容，然后创建一个Amazon IAM角色并代入该Amazon EC2实例。最后，您会创建一个含有两个源的 CloudFront Web分发，从而安全地从这两个源为用户交付动态和静态内容。

在此 AWS CloudFormation 部署模板中，我们已经简化了此设置过程，因此您仅需要指定两个参数：一个 S3 存储桶名称以及一个将与作为模板的一部分创建的 Amazon EC2 实例关联的 Amazon EC2 密钥对名称。然后一切搞定！

以此模板为起点，还可以方便地构建您自己的自定义工作流。

选择参数 — 选择下一步，然后在参数页面选择选项。在部署模板时，您需要指定下列参数：

a) 堆栈名称— 输入部署堆栈的名称（尝试提供一定的随机性）。所创建的所有资源（包括 S3 存储桶）都将以此名称为前缀。注意：堆栈名称中不要使用任何大写字母，因为 S3 的命名规则不允许使用大写字母。

b) EC2 密钥名称— 选择一个现有的 EC2 密钥对名称，以与将使用模板创建的 Amazon EC2 实例关联。如果您没有现有的密钥对，请遵循 Amazon Elastic Compute 云用户指南中的步骤创建一个新的 EC2 密钥对。

c) Ec2vpcid— 选择您希望创建实例以服务示例动态网站的 VPC。

完成设置步骤 — 选择下一步，然后再次选择下一步。在提示您确认您在使用自定义名称创建 IAM 资源时，选择是。然后单击页面底部的创建更改集，然后再次单击创建更改集。最后选择执行以启动 CloudFormation 堆栈。完成运行可能需要几分钟时间。

堆栈将会创建下列项目：

一个用于存储并仅通过 CloudFront 服务静态内容的 Amazon S3 存储桶
一个包含示例动态内容的 Amazon EC2 实例
一个将由之前创建的 EC2 实例代入的 AWS IAM 角色
一个包含两个源的 Amazon CloudFront分发，用于分别从 S3 和 EC2 服务静态内容和动态内容

网站测试— 如要测试动态内容的分发，请执行如下操作：

a) 在“资源”选项卡下打开新创建的 S3 存储桶，然后创建一个新的文件夹，命名为“static”。然后将一个示例 *.png 图像文件上传到该文件夹中，将其命名为png。

b) 通过您刚刚创建的 CloudFormation 堆栈找到该网站的 URL。在堆栈页面打开输出选项卡。在这里，您可以看到所显示的静态和动态内容的网站 URL，如以下屏幕截图所示：

c) 在键下，您将看到值 MainWebPage。该行显示了包含您的动态内容的 Web 服务器的 URL。您可以将此网站作为起点来实施您自己的网页。DynamicContentCacheTest 行显示了 CloudFront 缓存动态内容的方式。最后，StaticContent 行显示了含有 S3 源上的静态内容的 CloudFront分发的 URL。

就这么简单！然后通过类似的流程，您可以创建自己的自定义解决方案，以通过 CloudFront 来交付静态内容和动态内容。

作者介绍：
陈水生
陈水生是AWS中国解决方案架构师，负责基于AWS云计算方案架构的咨询和设计，同时致力于AWS云服务在国内和全球的应用和推广，在大规模并发应用架构、高性能计算、边缘计算以及自动化运维等方面有丰富的实践经验。在加入AWS之前，在中国平安、IBM等企业担任解决方案架构师、中间件专家等职位，负责售前方案咨询和架构设计，在数据库、中间件及企业混合云等方面有丰富经验。

相关文章：

https://aws.amazon.com/cn/blogs/networking-and-content-delivery/deliver-your-apps-dynamic-content-using-amazon-cloudfront-getting-started-template/

本文转载自AWS博客。

原文链接：

https://aws.amazon.com/cn/blogs/china/deliver-your-apps-dynamic-content-using-amazon-cloudfront-getting-started-template/

创作场景

使用 Amazon CloudFront 交付应用程序的动态内容