AWS3에서 Nuxt가 만든 블로그 공개

개시하다

최근 AWS 학습이 시작됐기 때문에 실천 학습으로 활용되는 기능별 기사를 쓰고 싶다.이번에는 S3에서 정적 사이트를 공개한다.

절차.

1. IAMユーザーでS3のバケットを作成
2. ビルドしたNuxtフォルダをアップロード
3. アクセス許可の設定
4. ホスティングの設定

S3란 무엇입니까?

AWS에서 제공하는 개체 스토리지 서비스
99.999...%데이터 보관 및 백업, 정적 컨텐츠 보관을 위한 뛰어난 내구성과 확장성
다시 쓸 필요가 없어서 사라지면 번거로운 데이터를 저장하기에 적합하다.
그럼 정태 사이트 프론트에 실제로 쓸게요.

세그먼트 만들기

AWS 콘솔에 IAM 사용자로 로그인합니다.
S3을 선택한 후 구간 만들기를 클릭합니다.
통 이름은 임의지만 유일성이 없으면 사용할 수 없다.
지역은 도쿄에서 문제없다.
네트워크에 있는 모든 사람이 볼 수 있도록 접근 블록에 대한 검사를 취소하십시오.

완성 후 창설을 클릭하세요.

폴더 업로드

Nuxt를 만듭니다.

$ yarn generate

구축이 완료되면 디스트라는 폴더를 만들고 대상 업데이트에서 끌어다 놓습니다.

권한 설정

제작 당시 검사는 취소됐지만, 방문 허가 여부는 다시 확인된다.

확인 후 아래 기술통 정책으로 굴러가세요.
정책 설정 화면에 통 ARN이 표시됩니다.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "[自分のバケットARNを記述]/*"
        }
    ]
}

호스트 구성

속성 표시줄 맨 아래에 있는 '정적 사이트 호스트 편집' 을 선택하십시오.
정적 웹 사이트 호스팅 - 유효
호스트 유형 → 정적 사이트로 변경합니다.

이렇게 하면 사이트를 방문할 수 있다!