이번 실습과정에서는

1.s3에 웹사이트 호스팅 해서 정적 컨텐츠를 올린뒤 웹브라우저에서 열리는지 확인
2.CloudFront에서 distribution 생성 뒤 s3버킷을 origin으로 구성해서 엣지로케이션에 캐싱하도록 해서 웹가속화 구성
3.웹브라우저 ,개발자도구엑서 CloudFront 잘열리는지 확인

서버리스 웹 호스팅과 CloudFront로 웹가속화 구성

• 서버가 없어도 구성이 가능한 정적 웹 호스팅을 만들고, 웹 속도를 높이기 위하여 컨텐츠 전송 네트워크 CDN 서비스를 연동한다.

• 어떻게 이어지고 흐림이 어떻게 되는지 알아보자

S3+CloudFront

• 버킷에 HTML, 동영상 사진 등 컨텐츠를 넣고 웹 호스팅이 가능하다.(S3만으로도 웹 호스팅 가능하다)

• 하지만 저번 글에서 설명 했듯이 미국에서 한국서버에 접속을 하면 왔다갔다 하는 시간과 비용이 많이들어 그걸 대신해주는 CloudFront(캐싱서버가 있는) 설명 했다.

• S3 단독보다 더욱 가속화된 빠른 웹서비스 제공가능하다

서버리스 웹 호스팅 하기

• S3버킷을 만들어 주자. 두번쨰 사진은 외부에서 S3로 접속하는것을 방지하는 옵션이다. 이번에는 체크를 풀어주자.

• 속성에 있는 옵션중 정적 웹 사이트 호스팅을 선택 해준다.

• 옵션 설정중 이부분을 index.html 로 설정 해준다. 웹사이트를 열었을떄 가장 먼저 나오는 페이지 설정 부분이다.

• 다음은 버킷정책 에 대한 설정이다. 버킷 정책은 외부에서 s3접근 막을뿐만 아니라 버킷과 버킷내의 컨테츠에대한 보안적인 적용을 설정하는곳

• 버킷 ARN 을 복사해준다. (버킷 정책 만들떄 필요하다)

• 권한- 버킷정책 - 정책 생성기로 들어가준다.

• 설정은 위와같이 해주며 복사해둔 ARN을 입력하면

• 이런 코드가 나온다. 복사해서

• 버킷 정책 칸에 복사해준다. 하지만 이걸로는 컨텐츠를 버킷에 올리더라도 웹호스팅이 안됀다.

• 코드에 /* 를 추가 해줘야 정책은 완성된다.

• 완성된 버킷 정책을 보면 버킷아래에 잇는 모든 컨테츠는 웹으로 나가는걸 허용하겟다 라는 정책서 이다.

S3 업로드, 확인

• 업로드는 쉽다 준비된 파일을 드래그를 해도되고 파일추가로 추가해줘도 괜찮다.

• 이제 웹브라우저에서 잘 열리는지 확인해보자. 업로드된 파일을 누르면 파일 상세페이지로 가는데 거기서 객체URL을 새탭으로 열기를 눌러준다.

• 서버없이 웹 호스팅 성공