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> 홈페이지 접속하여 확인하기

감사합니다.