이전 포스팅에서 cloudfront에 CORS를 허용하는 설정을 간단하게 그림으로 기록해뒀어요.


관련 포스팅 참고 

2016/08/16 - [Cloud&Storage/OpenStack and EC2] - cloudfront setting : CORS allow



cloudfront를 설정하기에 앞서 s3를 설정하는게 더 우선적으로 이뤄져야 합니다.


그래서 간단하게나마 포스팅 !!



1. S3에 접속해서 CORS를 허용하고자 하는 Bucket를 선택하고 Properties에 가서 셋팅을 시작합니다. 


    아래 그림을 보면 노란색이 클릭해야 하는 곳들이구요.

    파란색으로 표시한 Edit CORS Configuration을 눌러서 CORS 허용하는 XML을 입력해줘야 합니다. 






2. 위에서 Edit CORS Configuration을 입력하면 아래와 같이 Editor가 팝업으로 뜨구요.

    허용하고자 하는 룰을 XML 코드로 입력해주면 됩니다.


    예로 http://ngee.tistory.com 에서 오는 CORS 요청을 허용하고자 한다면  

    AllowedOrigin에 http://ngee.tistory.com과 http://*.ngee.tistory.com 을 허용한다고 작성.


    대충 그렇다는 것이구요. 허용하고자 하는 Method는 GET, PUT, POST .... 필요한 메소드에 대해서 작성하면 되겠습니다. 





   그래서 XML 코드는 아래에 준비해뒀죠 !!


<?xml version="1.0" encoding="UTF-8"?>

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">

    <CORSRule>

        <AllowedOrigin>http://fidfq93iofkjdkjws.com</AllowedOrigin>

        <AllowedMethod>GET</AllowedMethod>

        <AllowedMethod>PUT</AllowedMethod>

        <AllowedMethod>POST</AllowedMethod>

        <AllowedMethod>DELETE</AllowedMethod>

        <AllowedHeader>*</AllowedHeader>

    </CORSRule>

    <CORSRule>

        <AllowedOrigin>http://*.fidfq93iofkjdkjws.com</AllowedOrigin>

        <AllowedMethod>GET</AllowedMethod>

        <AllowedMethod>PUT</AllowedMethod>

        <AllowedMethod>POST</AllowedMethod>

        <AllowedMethod>DELETE</AllowedMethod>

        <AllowedHeader>*</AllowedHeader>

    </CORSRule>

</CORSConfiguration>


'클라우드&도커 > AWS,아마존' 카테고리의 다른 글

AWS Certificate - CF / ELB 연계  (0) 2016.12.07
AWS MFA 초기화 / 삭제  (0) 2016.11.24
AWS RDS (postgreSQL) connection  (0) 2016.09.02
S3 setting : CORS allow  (0) 2016.08.16
cloudfront setting : CORS allow  (0) 2016.08.16
route53 with s3 : www to non www  (0) 2016.08.10
Route53 / 기록용  (0) 2016.08.08
AWS : Elastic IP 설정하기  (0) 2016.08.08

+ Recent posts