S3+Route53

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.托管完成。去这个域名看看成果吧！