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

JunSeong_Park·2023년 7월 10일
0

오늘은 어제 만든 s3 버킷을 이용해서 웹 사이트를 호스팅하거나 요청을 리디렉션하는 방법을 알아보려고 한다

우선 s3 버킷 페이지로 들어온 후 원하는 버킷 이름을 선택

그 후 속성 카테고리에 들어와 맨 아래까지 페이지를 내려보면

정적 웹 사이트 호스팅이 비활성화되있는 것을 볼 수 있다

그럼 편집을 눌른 후

비활성화를 활성화로 바꾼 후

인덱스 문서에 index.html 입력한 다음 변경 사항 저장

권한 카테고리 클릭

버킷 정책의 편집 클릭

여기서 정책 생성기 클릭

그러면 위와 같은 화면이 나오는데 천천히 보면

  1. Select Policy Type 에서 S3 Bucket Policy 선택
  2. Add Statement(s) 에서 Effect 에 Allow
  3. Principal 에 *
  4. AWS Service 는 그대로 두고
  5. Actions 에 All Actions 체크박스 클릭
  6. Amazon Resource Name (ARN) 에 아까 버킷 정책 편집에 나오는 ARN 소스를 붙여넣고 / 추가하기 ( 예시 arn:aws:s3:::inho-bucket-0608/ )
  7. 위처럼 했으면 Add Statement 버튼 클릭

여기서 Generate Policy 클릭 하면

이런 화면이 나오는데 이 JSON 파일을 복사해서

요기다가 이렇게 집어넣고 변경 사항 저장 클릭하면 정책 권한 끝

그 다음에 index.html 파일 하나 임시로 만들고

s3 에 사진 업로드했던 것처럼 똑같이 index.html 을 s3 에 업로드하기

그 후 버킷의 속성 카테고리 클릭 후 맨 아래로 내려보면

이 화면이 보일텐데 여기서 하단 링크 복사해서 브라우저에 검색해보면

이렇게 화면이 출력되는 것을 볼 수 있다

S3 버킷 삭제하기

S3 버킷은 삭제하기 전에 스토리지에 저장된 데이터들을 먼저 비워줘야한다

이렇게 전부 체크한 다음에 삭제 버튼을 누르면

객체를 영구 삭제하시겠습니까? 라는 질문이 나오는데 여기에 ‘영구 삭제’ 라고 입력하면 하단의 ‘객체 삭제’ 버튼이 활성화되면서 삭제가 가능해진다

다음에 S3 > 버킷 페이지로 간 후에

파일들을 삭제한 버킷을 체크한 후에 삭제 버튼 클릭한 후

버킷 이름을 입력하면 버킷 삭제 버튼이 활성화되고 이 버튼을 클릭하면

버킷 삭제까지 완료 = 더 이상 비용이 부과되지 않는 상태

profile
안녕하세요 언어에 구애 받지 않는 개발자가 되고 싶은 박준성입니다

0개의 댓글