AWS S3에 정적 웹 사이트 배포

이 빠른 자습서에서는 AWS S3에 정적 웹 사이트를 빠르게 배치하는 방법을 보여 드리겠습니다.이는 Github Pages에서 제공하는 기능과 유사하며 정적 웹 사이트를 호스팅할 수 있습니다.

선결 조건:

AWS: https://aws.amazon.com/에 등록하고 계정을 만들어야 합니다.첫해에 당신은 많은 것을 무료로 얻을 수 있기 때문에 만약 당신이 새로운 계좌를 가지고 있다면, 당신은 1년 동안 당신의 사이트를 무료로 위탁 관리할 수 있습니다.
너는 소량의 비용을 받게 될 것이다.따라서 객체와 스토리지 통을 처리한 후 삭제해야 합니다.

1) 새 통 만들기

AWS 검색 표시줄에서 S3 서비스를 검색한 다음 "bucket 만들기"를 클릭합니다.
버킷 이름을 입력하고 아래로 스크롤하고'버킷 만들기'단추를 누르십시오.
모든 기본값을 설정합니다.우리는 잠시 후에 돌아와서 그 중 일부를 변경할 것이다.
이제 s3 버킷 홈페이지에서 이 새 버킷을 보실 수 있을 겁니다.
버킷 이름을 클릭하여 버킷을 엽니다.

2) HTML 파일 업로드

다음 단계는 대상 (파일) 을 버킷에 업로드하는 것입니다.
업로드할 파일이 세 개 있습니다.이것은 간단한 HTML, CSS, JS 정적 사이트입니다.
업로드 버튼을 클릭하거나 파일을 드래그할 수 있습니다.
지금 업로드를 클릭하세요.이것은 당신의 파일을 버킷에 업로드할 것입니다.

3) 너의 통 공개

버킷 보기로 돌아가 권한 옵션을 누르십시오.기본적으로 AWS는 사용자의 데이터를 보호하기 위해 외부에서 접근할 수 없는 개인 저장소를 확보합니다.우리는 이 사이트를 방문할 수 있기를 희망하기 때문에, 우리는 이 통을 공개해야 한다.
권한 > 공용 액세스 차단(스토리지 통 설정)에서 편집을 클릭합니다.
[모든 공용 액세스 차단]의 선택을 취소하고 [변경 내용 저장]을 클릭합니다.
확인을 요청하는 팝업 창이 나타납니다.확인해봐.

4단계) 정책 구성기를 사용하여 정책을 추가합니다.

사용 권한 탭에서 Bucket Policy로 스크롤하고 편집을 클릭합니다.
액세스 허용Policy Generator
Bucket 정책은 JSON으로 작성되었습니다.이제 AWS에서 정책 구성기 GUI를 제공하여 원하는 JSON 형식을 만들 수 있습니다.
그리고 나에게 있어서 나의 ARN은 ARN:aws:s3::markbdsouza 블로그 글이다.이것은 다음 단계에서 필요할 것이다.
정책 구성기를 클릭하고 다음 값을 입력합니다.
작업 아래에서 객체 검색 및 선택
Amazon Resource Name(ARN)에서: 이 정책을 적용할 파일의 경우 Bucket URL 끝에/* 번호를 추가해야 합니다.이것은 저장통의 모든 파일을 포함합니다.저한테는 -arn:aws:s3::::markbdsouza 블로그 댓글/*
"문장 추가"와 "생성 전략"을 클릭
Bucket에 추가해야 하는 JSON을 생성합니다.

{
  "Id": "Policy1618322272060",
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "Stmt1618322267578",
      "Action": [
        "s3:GetObject"
      ],
      "Effect": "Allow",
      "Resource": "arn:aws:s3:::markbdsouza-blog-post/*",
      "Principal": "*"
    }
  ]
}

보험증서의 자원은 당신에게 있어서 다르다는 것을 주의하십시오.
작성된 JSON 정책을 편집통 정책 섹션에 붙여넣고 변경 사항을 아래로 스크롤하고 저장합니다.

5) 정적 사이트 설정

버킷의 속성 옵션 카드로 돌아가서 '정적 사이트 위탁 관리 부분' 의 끝으로 스크롤하면 비활성화된 것을 볼 수 있습니다.편집을 클릭합니다.
제공된 옵션에서 정적 사이트 위탁 관리를 사용하고 색인을 입력하십시오.html을 색인 문서로 합니다.잘못된 문서를 선택할 수 있는 항목 으로 제공하여 아래로 스크롤하고savechanges를 누르십시오.
속성의 아래쪽으로 스크롤합니다.정적 사이트의 URL 을 표시해야 합니다.

6) 테스트

URL을 클릭하면 웹 사이트의 새 탭을 열 수 있습니다.
나의 URL은 http://markbdsouza-blog-post.s3-website.ap-south-1.amazonaws.com/ 가장 친밀한 링크는 아니지만, 임무를 완성했습니다.
주의: 버킷의 대상 (파일) 을 읽을 수 있도록/filepath를 추가할 수 있습니다.예를 들면 내 대본을 보면js 파일을 나는 한 번 통독할 수 있다-http://markbdsouza-blog-post.s3-website.ap-south-1.amazonaws.com/script.js
지금까지 이 절차를 따랐다면 무료 시험이 끝난 후에 저장통을 삭제하여 불필요한 비용을 피하십시오.
이렇게!설정된 몇 가지 일회성 절차.만약 당신의 사이트에 어떤 수정이 필요하다면, 당신의 파일을 당신의 저장통에 다시 올릴 수 있습니다. 이것은 당신의 사이트에 반영될 것입니다.
버그에서 버전 제어를 사용하면 변경 사항을 추적하고 필요할 때 복구할 수 있습니다.긴 s3 특정 URL 대신 Route 53을 사용해서 도메인 이름을 구매할 수도 있습니다.