亚马逊AWS官方博客
·
Coudfront 部署小指南（二十一）使用CloudFront+S3提供静态网站托管
内容提要
本文介绍如何通过CloudFront安全地发布非公开的S3存储桶为静态网站，使用OAC授权访问，配置CloudFront以满足发布需求，并设置默认页和CORS策略。
关键要点
-
使用CloudFront将非公开的S3存储桶发布为静态网站，满足安全需求。
-
直接使用S3托管静态网站存在安全挑战，需将存储桶设置为Public。
-
CloudFront通过OAC授权访问S3存储桶，保持其私有状态。
-
创建多个S3存储桶和CloudFront发布点以支持不同的域名。
-
配置CloudFront发布点时需选择S3存储桶作为源站，并设置默认页。
-
使用CloudFront Function实现子目录的默认页跳转。
-
为顶级域名配置自动跳转到www子域名。
-
配置CORS策略以允许跨站访问，确保网页正常加载内容。
-
使用CloudFront OAC策略实现对私有S3存储桶的访问。
-
开启Origin Shield优化回源流量，提升缓存命中率。
-
设置自定义错误页面以处理404和403错误。
-
使用多条行为规则细化缓存管理，优化内容访问。
-
屏蔽S3文件暴露的标签，保护敏感信息。
-
使用WAF进行流量控制，增强安全性。
-
设置S3存储桶生命周期规则，管理过期页面。
-
实现静态网站的备份，通过S3复制规则保护数据。
延伸解读
CloudFront与S3的安全性对比
直接使用S3进行静态网站托管虽然简单，但将存储桶设置为公开会带来安全隐患。CloudFront通过OAC授权访问S3存储桶，确保存储桶保持私有状态，从而满足企业对安全性的高要求。使用CloudFront可以有效避免数据泄露风险，尤其是在多存储桶环境中。
CORS配置的重要性
在使用CloudFront和S3托管静态网站时，CORS配置至关重要。若未正确设置CORS策略，网页中的跨域请求可能会失败，导致内容无法正常加载。确保S3和CloudFront都配置了相应的CORS策略，可以避免用户在访问时遇到加载问题，提升用户体验。
自定义错误页面的必要性
使用CloudFront和S3托管静态网站时，默认情况下会返回403错误而非404错误。为了避免用户误解为网站故障，建议设置自定义错误页面。通过配置CloudFront的错误响应，可以引导用户到友好的错误页面，提升网站的专业形象和用户体验。
延伸问答
如何使用CloudFront安全地发布非公开的S3存储桶为静态网站？
可以通过CloudFront配置OAC（Origin Access Control）授权访问S3存储桶，从而保持其私有状态，同时满足静态网站发布需求。
在CloudFront中如何设置默认页？
在CloudFront发布点的设置中，找到Default root object选项，输入index.html并保存即可。
如何配置CORS策略以允许跨站访问？
需要在S3存储桶中配置CORS策略，并在CloudFront中转发CORS请求Header，以确保网页正常加载内容。
使用CloudFront发布静态网站有哪些最佳实践？
最佳实践包括使用OAC策略、开启Origin Shield、设置自定义错误页面、细化缓存管理等。
如何为静态网站设置自定义错误页面？
在CloudFront发布点的Error pages标签中创建自定义错误响应，将403和404错误指向自定义页面路径。
如何管理S3存储桶的生命周期以删除过期页面？
可以开启S3的版本管理功能，并设置Lifecycle规则来自动删除过期的旧版本文件。
