1.8 S3를 통해 정적 웹 사이트 호스팅하기

아마존 S3는 저장한 파일을 URL로 접근할 수 있습니다. URL로 접근하는 파일이 HTML, CSS, 자바스크립트면 브라우저에서도 사용할 수 있습니다. 그래서 S3로 정적 웹 사이트를 호스팅할 수 있습니다.

이전과 똑같이 S3 콘솔Console에 접속하여 다음과 같이 버킷을 설정하고 생성합니다.

  • 버킷 이름(Bucket name) : USERNAME-serverless-static-web

  • 리전(Region) : 아시아 태평양(서울)



속성 설정은 Default로 두고, 권한 설정에서 ‘이 버킷에 퍼블릭 읽기 액세스 권한을 부여함’을 선택하고 생성합니다.


그다음에 생성한 버킷 → 속성 메뉴에 들어가서 [정적 웹사이트 호스팅Static Website Hosting]을 클릭하고 다음과 같이 입력합니다.

  • 인덱스 문서(Index document) : index.html

  • 오류 문서(Error document) : index.html



설정을 완료했습니다. 그럼 빌드된 html 문서를 S3에 업로드합니다.

다시 Cloud 9으로 돌아와서 다음과 같이 입력합니다.

$ cd ~/environment/serverless-todo-demo/static-web-front/dist/
# USERNAME 은 수정합니다.
ec2-user:~/environment/serverless-todo-demo/static-web-front/dist (master) $ aws \
    s3 cp ./ s3://{USERNAME}-serverless-static-web/ --recursive --acl public-read


모든 배포가 완료됐습니다.


http://USERNAME-serverless-static-web.s3-website.ap-northeast-2.amazonaws.com/에 접속해 나만의 할일 목록Todo List을 확인해보세요!