How to use S3 & Rout 53
S3篇
1创建存储桶
2. 设置:如图设置,地区选择用户距离近的节点,名称和route 53的一致,解除访问限制,下滑滚轮选择确认创建存储桶
3.编辑访问策略:创建完成后进入存储桶,点击权限-存储桶策略-编辑,输入以下json内容
{
"Version": "2012-10-17",
"Id": "Policy1568691946888",
"Statement": [
{
"Sid": "Stmt1568691936002",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:*",
"Resource": "arn:aws:s3:::bucket_name_here/*"
}
]
}
这里修改成刚创建好的桶名称,点击保存,此时你应该可以看到这个桶是公开的
4.上传:点击对象
5.准备静态资源:在angular 工程下命令 ng build 生成dist,把dist的项目内部文件一次性全部拖拽到上传区域, 上传完毕。
6.添加静态托管
在桶属性的最后一项,添加静态托管
配置,保存,结束
Route53篇:
利用route53注册域名,并代理S3的访问流量。
1.进入aws route53管理中心。注册域,如果已有域的话请忽略。
注册操作完成后,等待个10分钟左右的处理时间。注册完成。
2.点击route53界面的托管区域,点击创建好的域名进行托管
3.创建记录
4.填写信息,注意:S3的地理位置要记住,填写进去。且S3的桶名称必须和route53域名一致,否则托管不了。保存
5.托管完成。去这个域名看看成果吧!