brunch

You can make anything
by writing

- C.S.Lewis -

by DNS전문가카페운영 May 21. 2017

25.[AWS] CloudFront2, 사진공유하기

S3,CloudFront,Route53 사용하기

목차

<1> CloudFront는 CDN서비스 이다.

<2> 소녀상 이미지를 전세계에 퍼트려 보자.



<1> CloudFront는 CDN서비스 이다.

사용자가 컨텐츠를 요청했을때 , 가까운 네트워크에서 컨텐츠(사진,음악,영화,게임)를 제공해주는 서비스이다.



<2> 소녀상 이미지를 전세계에 퍼트려 보자.



목차

1. 소녀상 이미지와  index.html 준비  

2. AWS 스토리지인 S3 생성하고 웹페이지 올리기 

 - 파일올릴때 반드시 누구나 읽기 가능하도록 권한을 등록한다.

3. CloudFront 생성하기

4. Route53의 Alias로 매칭시키기.  

5. 정상 동작 확인하기



1. 소녀상 이미지와  index.html 준비  


index.html 


<html>

<head>

<title>  CloudFront Sample   </title>

<style>

 h1 {color:red;}

</style>

</head>

<body>

<h1> 소녀상 </h1>

<h1> Monument to comfort women </h1>

<p> There are 32 other monuments to the Korean comfort women displayed in public places in New York and New Jersey.</p>

<h3> CloudFront = CDN </h3>

<p>이미지를 전세계 어디에서나 빠르게 보게하기 </p>

<br>

<img src="./g1.jpg" width="320" height="500" alt="소녀상1">

<br>

</body>

</html>



2. AWS S3생성하고 웹페이지 올리기 

 - 파일올릴때 반드시 누구나 읽기 가능하도록 권한을 등록한다.



1) S3에 접속해서 버킷을 만든다.


Bucket name은  girls.it-pro1.com  으로 한다.  (접속하고자 하는 URL이름)

기존에 존재하면 만들수 없다고 나온다.

방금 잘못 만들어 삭제했더라도 권한어쩌구 오류가 발생하므로 다른이름으로 만들기 바란다.


Blccess

Block all public access   체크 해지해서 외부에서 접속 되도록 한다.


index.html과 g1.jpg 이미지를 올린다.


외부 사용자가 보도록 권한을 허용한다.

Permissions > Bucket Policy  


{

    "Version": "2012-10-17",

    "Id": "S3PolicyId1",

    "Statement": [

        {

            "Sid": "IPAllow",

            "Effect": "Allow",

            "Principal": "*",

            "Action": "s3:GetObject",

            "Resource": "arn:aws:s3:::girls.it-pro1.com/*",

            "Condition": {

                "IpAddress": {

                    "aws:SourceIp": "210.0.0.0/8"

                }

            }

        }

    ]

}




2) S3 스토리지에 웹서버를 올리기 위해 Statc Website hosting 설정하기


S3에서 Properties 클릭한다.

Static website hosting 을 클릭해 설정한다.

디폴트로 읽을 파일을 index.html 이라 타이핑한다.






3. CloudFront 생성하기


전세계로 전파하기 위해  CloudFront 사용한다.


1) CloudFront 에서 Create Distribution 




2) Web > Get Started  

정적 웹으로 한다.

여기서는 web으로 한다.

RTMP는 동영상 스트리밍이다.





3) Origin Domain Name에서  girls.it-pro1.com을 선택한다.


모두 디폴트 값으로 한다.




4. Route53의 Alias로 매칭시키기.  


 Route53으로 DNS에서 Alias로 CloudFront연동을 한다.




참고:

네임서버가 다른곳에서 운영중이라면  cname 으로 설정해야 한다.



5.   CloudFront에서는 사용자의 지리적 위치를 기준으로 제한을 할수 있다.

CloudFront Distribution > Restrictions  > Edit >   나라별로  White list / Black List 관리가 가능하다.

감사합니다.



매거진의 이전글 24.[AWS]공지사이트-Route53과 S3 Site

매거진 선택

키워드 선택 0 / 3 0
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari
;