[AWS]Amazon S3를 활용한 간단한 웹페이지 구축

[Amazon S3란? ☞] 2022.06.09 - [인프라 & 클라우드] - Amazon S3스토리지 서비스: 요금제, 수명주기, 티어링 설정하기

■ Amazon S3 객체(Object) 와 버킷(bucket)

Amazon S3에서의 객체는 사용자에 의해 조작 가능한 데이터를 말하며, 버킷은 그 객체에 대한 컨테이너이다.

■ Amazon S3 스토리지 이용하기

1. 버킷 생성

: aws검색창에서 'S3'입력 후 클릭 => 버킷 만들기 (계정 당 최대 100개 까지 생성가능)

버킷 이름은 영문소문자로 유일하게 생성한다

2. 버킷 권한 설정

: 3S에선 버킷과 객체에 대한 권한을 각각 설정한다. 둘 중 하나라도 권한이 부여되지 않은 사용자의 접근이 거부된다.

참고) 객체에 대한 버킷 또는 자체 접근권한을 부여받지 못해 거부 된 모습

해당 버킷은 객체 작성자(라이터)에게 모든 소유권을 부여한다

버킷과 관련된 상세 권한설정

3. 객체 업로드

- 이미지 파일

업로드 할 이미지 파일을 추가한다

버킷과 마찬가지로 객체의 접근권한을 알맞게 수정한다 (모든 사람에게 공개)

이미지 객체를 URL을 통해 접근해 확인

   

참고) 버킷의 메뉴는 6개, 객체의 메뉴는 3개 구분할 때 용이하다.

 

- html파일 (이미지 파일 접근)

객체 접근 방법

 1) S3 URI: S3://버킷이름/파일명   // 버킷이름이 고유한 이름이기 때문에 가능 => CLI에서 사용

 2) ARN (Amazone Resource Name)  // arn:aws:s3:::버킷이름/파일명 => json 코드에서 사용

 3) 웹 URL http://버킷이름.s3.리전이름.amazonaws.com/파일명 => 웹브라우저에서 사용

테스트를 위한 웹페이지엔 사전에 업로드 된 이미지파일의  URL주소를 참조한다.

 

오타 발생. 3S는 객체 스토리지이기 때문에 수정 된 스크립트의 재업로드하여 수정 가능하다.

- 스토리지의 종류

파일 스토리지: 내 컴퓨터에 존재하는 파일로 직접 수정이 가능하다. ex) 파일 공유서버

블록 스토리지: 블록 단위로 분산해서 저장한다. ex) dropbox, one drive 등

객체 스토리지: 객체 단위로 정리해서 저장 ex) AWS S3, Clacier, 웹하드- 스토리지의 종류

 

- html파일 수정 후 재업로드

 

---

■ S3를 이용한 정적 웹페이지 만들기

정적 웹페이지: 누가 접속하더라도 동일한 페이지가 보이는 것
동적 웹페이지: 사용자나 사전에 설정된 변수에 의해 변경되는 웹사이트

 

- 정적 웹사이트 만들기

1. 버킷을 퍼블릭(Public)으로 설정
2. index.html파일 등을 업로드뒤 퍼블릭으로 설정
3. 앞서 만든 버킷의 속성에서 '정적 웹사이트' 활성화, index.html 파일 지정

 

- 정적 <--> 동적 전환

해당 버킷 > 속성 > 정적 웹 사이트 호스팅 편집 > 활성화

웹사이트의 정적, 동적 속성을 변경할 수 있다

웹사이트가 정적 웹 사이트로 활성화 되었다

이전과 달리 파일명 없이 웹사이트 주소로 바로 접속이 가능하다.

 - 차이점 비교

: index.html 파일명이 아닌 정적 웹사이트 주소로 접근 가능하다.

https://yngmin.s3.ap-northeast-2.amazonaws.com/index2.html (파일명 접근)

http://yngmin.s3-website.ap-northeast-2.amazonaws.com/ (웹사이트 주소 접근)