본문 바로가기

Back/AWS_Back

[AWS][S3] S3 정적 웹 호스팅

https://velog.io/@nari120/AWS-%EC%A0%95%EC%A0%81%EC%9D%B8-%EC%9B%B9-%ED%98%B8%EC%8A%A4%ED%8C%85%ED%95%98%EA%B8%B0-S3-%EC%9D%B4%EC%9A%A9

 

AWS 정적인 웹 호스팅하기 (S3 이용)

2020 AWS 에서 가장 핫한 서비스는 S3라고 합니다. 제 경험상 AWS를 입문하기 가장 쉬운 서비스는 S3라고 생각됩니다 :-) 이번에는 제가 제일 처음 공부했던 "정적인 웹 호스팅"을 포스팅하려 합니다.

velog.io


이미지가 지금의 콘솔이랑 많이 달라, 참고용으로 기록

1. 버킷 생성

버킷이름을 정한다. 

버킷이름은 유니크 해야하며 특수문자 ".", "-" 를 사용할수 있다.

 

2. arn 복사 및, 정적 웹사이트 설정 켜기

버킷으로 들어와 속성탭에 들어간다.

버킷 ARN 복사, 이후 제일 하단으로 내려정적 웹 사이트 호스팅 의 편집을 연다.

활성화를 누르고 인덱스 문서에 페이지파일 이름을 적는다.

완료되면 다음과 같은 결과를 볼수 있다.

3. 권한 설정

권한탭으로 넘어간다.

설정해줄것은 2가지이다.

  1. 퍼블릭 액세스 차단 해제
  2. 버킷 정책 활성화

우선 퍼블릭 액세스 설정부터 바꾼다. 편집을 눌러 넘어간다.

 

체크를 풀면 모든 체크가 해제되고 저장을 누르고 확인을 입력하면 저장된다.

버킷 정책을 누른다.

위의 링크대로 만들어도 되지만 대충(?) 만들어도 된다.

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Action": [
        "s3:CreateBucket"
      ],
      "Effect": "Allow",
      "Resource": "[s3 bucket ARN]/*",
      "Principal": "*"
    }
  ]
}

창위에 떠있는 버킷ARN을 복사해 넣어준다. 

 

4. index.html 올리기

메모장에 다음내용을 적고 index.html로 저장한다.

<html>

<h1>hello world!</h1>

</html>

 

이후 s3 최상단에 파일을 업로드한다.

 

5. 접속확인

2번에서 설정할때 봤던 엔트포인트를 클릭해보면 index.html에 들어간 내용이 렌더링된다.

아주 간단한 예제지만, 나중에 올릴 DL예시와 함께 재밌는 기능이 나올수도?