[AWS] S3 정적 웹 호스팅

S3 bucket

• Simple Storeage Service의 약자로 인터넷용 객체 스토리지 서비스입니다.
• 컨텐츠 파일을 업로드 후 웹 호스팅 설정을 하게 되면 웹 사이트처럼 동작하도록 구성 가능합니다.
• 웹서비스 인터페이스를 사용하여 웹에서 언제든지 어디서나 원하는 양의 데이터를 저장 및 검색 가능합니다.
• 컨텐츠의 사이즈가 크면 로딩이 지연되는 현상이 발생가능합니다. 이를 위해 CloudFront 서비스가 필요하게 됩니다.

CloudFront

• 컨텐츠 전송 네트워크 서비스
• 컨텐츠를 빠르게 읽어드릴 수 있도록 캐싱 기능 제공

 

Amazon S3로 이동해서 [Create bucket] 버튼을 클릭합니다.

 

 

 

 

Bucket name을 입력하고 Region을 선택합니다.

Bucket settings for Block Public Access의 경우 테스트 편의성을 위해서 전부 해지합니다.

[Create buket] 버튼을 클릭해서 버킷을 생성합니다.

 

 

 

 

생성된 버킷을 클릭 후 Properties 탭으로 이동합니다.

Properties탭에서 Static website hosting 카테고리로 이동해서 [Edit] 버튼을 클릭합니다.

 

 

 

 

Static website hosting을 Enable로 설정하고 Index document와 Error document 주소를 설정합니다.

[Save changes] 버튼을 클릭 해서 static website를 호스팅 할 수 있도록 설정을 합니다.

 

 

 

 

권한 설정을 위해서 Permissions 탭으로 이동합니다.

bucket에 저장되어 있는 객체에 대한 접근을 제공하는 Bucket Policy 카테고리로 이동합니다.

[Edit] 버튼을 클릭 후 [Policy generator] 버튼을 클릭하여 정책을 생성합니다.

Policy generator는 정책을 JSON 형식으로 만들어줍니다.

 

 

 

 

[Generate Policy] 버튼을 클릭 시 아래 JSON 형식으로 권한 설정을 확인 할 수 있습니다.

생성 된 JSON 문자열을 복사합니다.

 

 

 

 

위에서 복사한 JSON을 Bucket policy에 붙여넣기 한 후 [Save changes] 버튼을 클릭해서 버킷에 저장되어 있는 객체에 대한 권한 설정을 완료합니다.

 

 

 

[Objects] 탭으로 이동 후 [Upload] 버튼을 클릭해서 S3 버킷에 컨텐츠 파일을 업로드 합니다.

 

 

 

 

업로드 된 컨텐츠를 클릭 시 Object URL 정보를 통해서 버킷에 저장된 static resource를 웹 브라우저에서 확인 할 수 있습니다.