4. 정적 S3 웹사이트

4324 단어 aws

HTML 및 CSS 파일을 만든 후 AWS S3에서 호스팅되는 static 웹 사이트를 만들었습니다. 정적 사이트는 웹 서버에서 제공할 필요가 없습니다. 웹 프레임워크를 호스트하는 데 필요한 인프라가 필요하지 않습니다. 한 번 보자.

전제 조건

AWS profile set up
index.html
error.html
styles.css

명명 규칙에 따라 파일 이름을 index.html , styles.css로 지정했습니다. 작동시키기 위해 CSS 파일이 필요하지는 않지만 모든 스타일 정보가 있습니다. 오류가 발생하면 Error.html가 반환됩니다. 다음은 샘플HTML 파일 콘텐츠입니다.

              <!DOCTYPE html>
              <html>
              <body>
              Hello World!
              </body>
              </html>

버킷 만들기

AWS의 S3 콘솔에서 버킷을 생성하고 모든 설정을 무시하고 이름을 blog.komlalebu.com 지정했습니다.

버킷 내부에서 버킷의 properties 탭을 클릭했습니다.

그런 다음 정적 웹 사이트 호스팅 카드에서 편집을 클릭했습니다.

그런 다음 나는 enabled 정적 웹 사이트 호스팅을 설정하고 호스트를 정적 웹 사이트로 Hosting type로 설정합니다. 버킷 내에서 내 Index 문서 및 Error 문서의 이름도 언급했습니다.

전원이 켜지면 S3 버킷에서 엔드포인트를 되찾았습니다. 정적 웹사이트 URL: http://blog.komlalebu.com.s3-website-us-east-1.amazonaws.com

문서 업로드

bucked가 생성되면 버킷에 파일(index.html, error.html, styles.css)을 업로드했습니다.

버킷 권한 편집

모든 사람이 버킷에서 getObject를 사용할 수 있도록 버킷 권한을 수정했습니다. 기본 정책은 아래와 같습니다. "리소스"를 S3 버킷의 이름으로 업데이트해야 합니다. 이것은 가장 좋은 방법이 아닐 수도 있습니다secure.

                  {
                    "Version": "2012-10-17",
                     "Id": "Policy1604391079488",
                      "Statement": [
                      {
                      "Sid": "Stmt1604391073964",
                       "Effect": "Allow",
                       "Principal": "*",
                      "Action": "s3:GetObject",
                  "Resource": 
                  "arn:aws:s3:::blog.komlalebu.com/*"
                      }
                      ]
                    }

그리고 그것은 끝났습니다. 그러나 AWS CLI를 사용하여 이를 수행하는 다른 방법이 있습니다.

Reference

이 문제에 관하여(4. 정적 S3 웹사이트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/jicoing/4-static-s3-website-45ag

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다