1. 创建 AWS S3 存储桶
进入 S3 控制台,点击 创建存储桶(Bucket)
,地区优先选择用户多的位置,输入桶名称后直接点击确认创建。
此时我们已经可以为创建好的存储桶上传文件了,点击上传的文件对象查看详情,复制对象 URL 到浏览器中:
然后会发现页面 403 Forbidden 的警告,因为我们默认设置的存储桶是没有公共读权限的,截下来需要为创建的 Bucket 设置公共读权限。
2. 设置存储桶权限
点击 Bucket 列表中刚才创建的 Bucket,点击进入详情后选择进入权限面板,编辑 屏蔽公共访问权限(存储桶设置)
,取消选中所有选项并保存更改:
继续停留在权限面板,编辑 存储桶策略
,并输入以下权限(注意将 your-bucket-name
改为你的存储桶名称):
1 | { |
然后保存,此时,你的存储桶会拥有公共读的权限,Bucket 列表中的访问会出现 公开
的警告:
3. 创建 CloudFront 分配
然后进入 CloudFront 控制台创建一个新的分配,并选择 源域
为 S3 刚才创建的 Bucket 所分配的域,名称可随意填写一个备注名,其他使用默认配置即可:
点击确认时可能会询问是否添加安全防护,选择不添加即可
进入刚才创建的 CloudFront 分配,查看详细信息中分配的域名,你就可以使用该域名访问刚才创建的 Bucket 的内容了。
比如,原来使用 S3 分配的域名访问文件的地址为 https://image.s3.us-west-1.amazonaws.com/avatar.jpeg
,使用 CloudFront 分配的 CDN 加速域名就会变为 https://xxxxxxxx.cloudfront.net/avatar.jpeg
。
可以看出使用 CloudFront 分配的加速域名与使用 S3 分配的域名有明显的速度差距,并且支持了 http2:
4. 使用自定义域名
由于这里需要域名就不详细描述了,只提供设置方法
如果要使用自己的域名,可以在 CloudFront 分配的详情面板中设置 备用域名,设置成功后即可使用自己的域名访问 S3 的文件,并享有 CloudFront 的加速。
5. 清理缓存
CloudFront 默认会缓存文件 24 小时,也就是说,如果你 S3 上的某一个已经缓存在 CloudFront 上的 同名资源 在 24 小时内有所更新,那么使用 CloudFront 域名访问该资源文件时仍会获取到旧的、被缓存的那一个版本的文件。
最好的解决方案是上传文件时为文件添加哈希后缀,但如果需要手动清理缓存资源则可以进入到 CloudFront 上的 失效
面板,创建一个新的失效:
如果想要清理所有缓存内容,规则中输入 /*
即可删除所有缓存资源。