기타

[AWS] 스토리지 활용 웹사이트 만들기

9keyyyy 2021. 8. 10. 16:44

S3 활용한 정적 웹사이트 만들기

1. 아마존 사이트 - S3 - 버킷 생성 (이름은 고유한 이름으로, 모든 퍼블릭 액세스 차단 해제)

 

2. 생성된 버킷에 index.html 파일 업로드

index.html 코드

<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <h1>라라렌드에 오신 것을 환영합니다</h1>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/waTDxRZ93Qc" 
    title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
    allowfullscreen></iframe>
</body>
</html>

 

3. 버킷 내 속성 - 스크롤해 정적 웹사이트 호스팅 찾아 편집 버튼 클릭

 

4. 정적 웹 사이트 호스팅에서 활성화 클릭, 인덱스 문서에 "index.html" 입력 - 변경사항 저장 클릭 

 

5. 버킷에서 index.html 파일 클릭 - 권한 메뉴 클릭 - 편집 버튼 클릭 - 모든사람 읽기 권한 선택

위와 같이 설정 후 경고 문구 확인 클릭 - 변경사항 저장 클릭

 

 

6. 다시 버킷의 속성 - 스크롤 내려 정적 웹사이트 호스팅 찾음 - 버킷 웹사이트 엔드포인트 주소 복사 후 주소창에 입력

 

실행 결과

오타가 있다,,

 

 

정리

  • 버킷 생성 및 공개
  • 버킷 속성에서 '정적 웹사이트 호스팅' 활성화
  • 파일 읽기 권한 추가

이는 EC2를 이용해 웹서버를 생성하는 것보다 비용이 적게 들어감