brunch

You can make anything
by writing

C.S.Lewis

by Master Seo Jul 13. 2020

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





감사합니다.




브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari