[핸즈온] 5분 만에 AWS S3에서 정적 호스팅
경위
현재의 프로젝트로 정적 파일을 S3에 호스팅해 운용하고 있으므로, 공부가 굳이 기록을 남깁니다.
AWS S3란?
기본적으로 스토리지를 제공하는 서비스입니다.
이미지, 동영상, 파일 등 다양한 데이터를 저장하는 서비스로,
예를 들어, icloud는 사진과 문서(메모 앱, PDF 등)를 저장하는 스토리지 서비스입니다.
S3는 다른 AWS 서비스와 함께 사용할 수 있으며,
EC2의 스냅샷(백업) 저장 위치,
파일 업로드시를 이벤트 트리거로, Lambda 함수를 호출하거나
일반 스토리지 서비스보다 많은 기능을 결합합니다.
이번에는 정적 호스팅 기능에 대해 설명하겠습니다.
참조 : S3 유스 케이스
정적 호스팅이란?
정적 웹 사이트를 호스팅(일반 공개)하는 것.
정적 웹 사이트란 html 파일을 서버에 업로드해 두고,
요청에 그대로 그 파일을 응답하는 사이트.
예를 들면, PHP나 Java는 어플리케이션 서버로 동작시킴으로써,
로그인 정보로 처리 할 수 있으므로 요청 당
다른 응답을 하므로 동적인 웹사이트가 됩니다.
S3에서 호스팅하는 이유
첫 번째 이유는 비용이 낮습니다.
요금은 S3 Standard의 스토리지 클래스이며,
스토리지당 0.025USD/GB, 요청 1000개당 0.00037USD
그리고 대여 서버를 빌려 LP 등을 운영하는 것보다 훨씬 저렴합니다.
또한 완전 관리 서비스이므로 서버 유지 보수 등을 생각할 필요가 없습니다.
참조 : 요금 - AWS S3
절차
1.index.html 만들기
게시할 html 파일 준비
index.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>S3静的ホスティング</title>
</head>
<body>
<h1>S3静的ホスティング</h1>
</body>
</html>
2. 버킷 만들기
AWS에 로그인한 후 Amazon S3 서비스로 이동 버킷 생성을 누르고 버킷 이름을 입력하여 버킷 생성

3. 버킷에 index.html 업로드
만든 버킷으로 이동하여 업로드를 눌러 이전 html 파일을 업로드

4. 정적 호스팅 사용
업로드한 index.html을 클릭하고 속성 탭의 정적 웹 사이트 호스팅 항목의
'이 버킷을 사용하여 웹사이트 호스팅' 선택
색인 문서에 정적 호스팅할 index.html을 입력하고 저장

5.index.html 공개
버킷으로 돌아가서 index.html을 선택한 다음 액션 버튼을 누른 다음 게시를 클릭합니다.

※버킷 작성시에 「퍼블릭 액세스를 모두 블록」을 선택하고 있었을 경우,
'공개'버튼이 비활성화되어 있으므로 이 경우 '액세스 권한' 탭의 '블록 공개 액세스' 항목에
모든 공개 액세스 차단 확인란 선택 취소

6. 정적 호스팅 확인
속성 탭의 정적 웹 사이트 호스팅 항목의 끝점에서 액세스 가능

표시를 확인할 수 있었습니다!

요약
게시할 소스 코드만 준비하면 쉽게 호스팅할 수 있습니다.
Route53의 서비스를 사용하면, 독자 도메인도 사용하므로 조만간 시험해 보고 싶습니다.
자기 소개 페이지나 LP 페이지를 공개하고 싶은 분은 꼭 시험해 주세요! !
Reference
이 문제에 관하여([핸즈온] 5분 만에 AWS S3에서 정적 호스팅), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/daichi_sugiyama/items/a8bd326990e563137764텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)