And Brain said,
[AWS] S3 bucket으로 간편하게 이미지 서빙하기 - [2] 본문
반응형
이번 시간엔 bucket 정책과 cors 정책에 관해 다뤄보겠다. 얘들을 설정하지 않는다면 이미지 주소를 붙여도 이미지가 뜨지 않을 것이다.
bucket 만드는 법은 이 글을 참고
https://theworldaswillandidea.tistory.com/32
저번 시간의 권한 설정 페이지부터 시작한다.
버킷 정책에서 편집을 누르면
정책 생성기가 존재하고 이것을 누르는데 누르기 전에 버킷 ARN이 아래에 있을 것이다 그것을 복사해두자.
이렇게 설정해주면 된다.
Actions는 난 GetObject만 선택했다. 원하는대로 더 선택 가능하다.
그리고 자신의 버킷 ARN을 저 마지막 ARN칸에 넣어주고 Add Statement를 눌러주면 정책이 명시된 JSON이 나올 것이다.
그 JSON을 복사하여붙여준다.
ARN 뒤에 /*을 붙여주자. 그리고 밑에 변경사항 저장을 누르면 버킷 정책 편집 끝.
그리고 CORS 정책은
편집을 눌러 이렇게 설정해주자. 이러면 모든 준비는 끝났다.
이제 다시 버킷으로 돌아와
객체에 이미지를 업로드한다.
난 폴더로 업로드하였다.
안에 들어가보면 객체 URL이 존재한다. 그게 이제 여러분의 이미지 주소가 된다.
이렇게 간편하게 이미지 서버가 구축되었다.
이제 원하는 곳에 여러분의 이미지주소를 <img src="이미지주소">태그 내부에 끼워서 넣어주자.
나는 529개의 마커안에 529장의 사진을 넣었다.
성공!
Thanks for watching, Have a nice day.
반응형
'IT > AWS' 카테고리의 다른 글
[AWS, NGINX, Nodejs] AWS EC2에 NGINX를 연동시켜 Node(express) 서버 배포하기 -[1] (0) | 2022.09.24 |
---|---|
[AWS] EC2, 탄력적 IP 사용하기 (2) | 2022.09.19 |
[AWS] S3 bucket 보안에 관하여 -[1] (0) | 2022.09.15 |
[AWS, Express] express와 S3 bucket 연동, 파일 업로드, 삭제 (0) | 2022.09.10 |
[AWS] S3 bucket으로 간편하게 이미지 서빙하기 - [1] (0) | 2022.08.29 |
Comments