처음 S3(AWS)에서 연결 + 정적 페이지(static host) 공개까지
3900 단어 S3
오늘의 목표
S3에서 서버리스로 정적 페이지 게시를 목표로
S3와의 연결까지
AWS에 콘솔에 로그인하면,
S3 화면으로 전환

버킷 만들기
버킷 만들기를 클릭한 화면에서,
버킷 이름을 원하는 이름으로 입력합니다.
참고 사항은 AWS에서 고유해야 합니다.
그 후에도 옵션 설정, 권한 설정과 계속되지만,
현재 단계에서는 아무 것도 괴롭히지 않고 버킷 만들기까지 클릭합니다.
축하합니다! 이제 버킷이 만들어졌습니다!

그러나 현재 단계에서이 스토리지는
공개되지 않고 아무도 액세스할 수 없으므로 공개 가능한 설정을 합니다.
공개를 위한 설정을 한다
만든 버킷 이름을 클릭하면 오른쪽에 속성 등이 포함된 영역이 표시됩니다.

정적 웹 호스팅 준비
속성 관리 화면으로 이동하므로 Static website hosting을 클릭합니다.

현재 단계에서 엔드포인트에 액세스하면 404
※아무것도 파일이 없기 때문에 당연하다.
이 버킷을 사용하여 웹사이트를 호스팅하려면
아래와 같은 설정 화면이 됩니다.

기본적인 설정을 하기 위해,
색인 문서, 오류 문서
각각 index.html, error.html로 설정
이제 정적 웹 사이트를 게시할 준비가 되었으므로 엔드포인트에 다시 액세스하면
404에서 403 Forbidden으로 상태가 변경되었음을 알 수 있습니다.

아직 index.html을 s3에 업로드하지 않았지만,
거기에 액세스 권한이 설정되어 있지 않은 것이 과제.
이어서 액세스 권한을 설정합니다.
액세스 권한 설정
액세스 권한 탭을 클릭하고 설정 화면으로 이동한 다음 편집을 클릭합니다.

↓편집
기본적으로 모든 공용 액세스를 차단이 켜져 있기 때문에,
선택을 취소하고 공개 액세스를 허용하고 저장합니다.
※퍼블릭은 추천하지 않는다고 말합니다만, 이번의 목적이면 오프로 해 괜찮습니다.
(본래는 정책이나 ACL로 적절하게 설정하면 좋을까)

그런 다음 버킷 정책 선택

버킷 정책 편집기에서 다음과 같이 설정
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadForGetBucketObjects",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::(backet name)/*"
]
}
]
}
이름
summary
Principal
리소스에 대한 액세스를 허용하거나 거부할 대상을 입력합니다. 이번에는 *이므로 모든 사용자라고합니다.
액션
권한을 부여하는 조작을 지정합니다. GetObject 작업을 허용하고 싶으므로 s3 : GetObject를 입력했습니다.
자원
권한을 부여하는 버킷을 지정합니다.
표시 확인
설정을 저장할 수 있으면,
이번에 작성한 버킷에, 적당한 index.html을 업로드해, 표시 확인할 수 있으면 종료입니다!

미안해.
Reference
이 문제에 관하여(처음 S3(AWS)에서 연결 + 정적 페이지(static host) 공개까지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nekotto/items/c69b54f7da34e120917c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)