413. S3로 홈페이지 만들기

실습

목표

S3로 홈페이지 만들자.

<1> S3 버킷 생성하기

<2>  S3에  홈페이지 소스 올리기

<3>  버킷 접근 허용하기

<4> 홈페이지로 만들기

<5> Cross-Origin 리소스 공유히기

<6> 홈페이지 접속하여 확인하기

<1> S3 버킷 생성하기

S3 >   web01.serverchk.com  

<2>  S3에  홈페이지 소스 올리기

URL로 접근해보자.

접속이 안된다.

<3>  버킷 접근 허용하기

1

S3 > Permissions > Block public access >  edit >  Block all public access 체크 해제 > Save  > confirm

2

Bucket Policy

{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::BUCKET/*"
}
]
}

작성

{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::web01.serverchk.com/*"
}
]
}

//  S3 > 버킷 >  Cpoy Buclket ARN

arn:aws:s3:::web01.serverchk.com   

<4> 홈페이지로 만들기

1

Properties  > Static website  hosting   > Use this bucket to host a website

index.html

error.html

Save

2

URL로 접속 하기

index.html  클릭하면 나오는  URL로 접속

<5> Cross-Origin 리소스 공유히기

1

S3  > Static Website hosting > Permission > CORS configuration

// 코드 입력

> SAVE

2

Access Control List

Public access > Everyone > List objectrs > Save

<6> 홈페이지 접속하여 확인하기

감사합니다.