AWS s3

elastic ip는 이전에 설정놨고

https://cafe.naver.com/eddicorp/1314

[ 링크쌤 컬럼 ] AWS Instance Connection

Route 53부터 시작한다.

- Route 53 에서 호스트 영역 생성 할 때 Domain name 네이밍을 해야 하는데 계속 해봤는데 실패했다. 이유는 .com, .co.kr 이런 것들을 붙여줘야 한다는 것 같다.(확실하지 않다)
- 호스트 영역 생성을 완료하고 VPC 설정을 하는데
    
    아래 사진에 있는 [Created record] 버튼을 누르면 Create record 페이지가 나온다

- ssh 로 ec2 접속
    
    git bash 창을 켜고 위에서 인스턴스 생성할 때 만들었던 key pair(.pem) 파일이 있는 곳으로 이동한다.
    
    그 다음에 명령어를 입력하면 된다.

# chmod 명령어는 파일 권한을 바꿔주는 명령어이다. 자세한 내용은 구글링 하면 나온다.
chmod 400 {{ 각자 key pair.pem }} 
ssh -i {{ 각자 key pair .pem }} ec2-user@{{ 퍼블릭 DNS }}

ex)
chmod 400 sbsj_project_key_s3.pem
ssh -i "sbsj_project_key_s3.pem" ec2-user@ec2-13-124-105-175.ap-northeast-2.compute.amazonaws.com

 

 

https://cafe.naver.com/eddicorp/1620

[ 링크쌤 칼럼 ] AWS S3 Bucket Settings

인스턴스는 있으니 s3부터 시작한다.

 

CORS설정 코드이다

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "x-amz-meta-custom-header"
        ]
    }  
]

 

Amazon Cognito할때

미인증허가에서 정책문서숨기기를 열어서

 

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "s3:DeleteObject",
                "s3:GetObject",
                "s3:ListBucket",
                "s3:PutObject",
                "s3:PutObjectAcl"
            ],
            "Resource": [
                "arn:aws:s3:::BUCKET_NAME",
                "arn:aws:s3:::BUCKET_NAME/*"
            ]
        }
    ]
}

ex)
{
    ...
            "Resource": [
                "arn:aws:s3:::sbsj-project-s3",
                "arn:aws:s3:::sbsj-project-s3/*"
            ]
        }
    ]
}

 

이를 입력한다.  

 

 

이제 테스트단계

 

https://cafe.naver.com/eddicorp/1621

[ 링크쌤 칼럼 ] Vue로 AWS S3에 delete, upload, paginated list 요청하기

https://github.com/EDDI-RobotAcademy/vue-s3-snippet

 

테스트코드

 

GitHub - EDDI-RobotAcademy/vue-s3-snippet: It's for snippet