Search

AWS Cloud Front

AWS Clound Front

์ „ ์„ธ๊ณ„์ ์œผ๋กœ ์ฝ˜ํ…์ธ ๋ฅผ ๋ฐฐํฌํ•˜๋Š” ์ฝ˜ํ…์ธ  ์ „์†ก ๋„คํŠธ์›Œํฌ(CDN) ์„œ๋น„์Šค
โ€œCloudFront๋Š” .html, .css, .js ๋ฐ ์ด๋ฏธ์ง€ ํŒŒ์ผ๊ณผ ๊ฐ™์€ ์ •์  ๋ฐ ๋™์  ์›น ์ฝ˜ํ…์ธ ๋ฅผ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋” ๋นจ๋ฆฌ ๋ฐฐํฌํ•˜๋„๋ก ์ง€์›ํ•˜๋Š” ์›น ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.โ€
Amazon CloudFront๋ž€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? - Amazon CloudFront
์ตœ์ข… ์‚ฌ์šฉ์ž์—๊ฒŒ ์ œ๊ณตํ•˜๋Š” ์ •์  ๋ฐ ๋™์  ์›น ์ฝ˜ํ…์ธ  ๋ฐฐํฌ ์†๋„๋ฅผ ๋†’์—ฌ์ฃผ๋Š” ์›น ์„œ๋น„์Šค์ธ Amazon CloudFront์˜ ๊ธฐ๋Šฅ ๊ตฌ์„ฑ์— ๋Œ€ํ•œ ๊ฐœ๋…์  ๊ฐœ์š” ๋ฐ ์ง€์นจ์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.
https://docs.aws.amazon.com/ko_kr/AmazonCloudFront/latest/DeveloperGuide/Introduction.html

์‚ฌ์šฉ ์‚ฌ๋ก€

โ€ข
์ •์  ์›น์‚ฌ์ดํŠธ ํ˜ธ์ŠคํŒ…:
โ—ฆ
S3์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜์—ฌ ์ •์  ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.
โ€ข
๋™์  ์ฝ˜ํ…์ธ  ๋ฐฐํฌ:
โ—ฆ
API ์‘๋‹ต, ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ฝ˜ํ…์ธ  ๋“ฑ์„ ์ „์†กํ•ฉ๋‹ˆ๋‹ค.
โ€ข
๋น„๋””์˜ค ์ŠคํŠธ๋ฆฌ๋ฐ:
โ—ฆ
์‹ค์‹œ๊ฐ„ ๋ฐ VOD ๋น„๋””์˜ค ์ฝ˜ํ…์ธ ๋ฅผ ์ „ ์„ธ๊ณ„์— ์ŠคํŠธ๋ฆฌ๋ฐํ•ฉ๋‹ˆ๋‹ค.
โ€ข
๋ณด์•ˆ ๊ฐ•ํ™”:
โ—ฆ
HTTPS, AWS WAF์™€ ํ†ตํ•ฉํ•˜์—ฌ ๋ณด์•ˆ์ด ์ค‘์š”ํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋ณดํ˜ธํ•ฉ๋‹ˆ๋‹ค.

Clound Front ๋ฐฐํฌํ•˜๊ธฐ

1.
Clound Front
2.
๋ฐฐํฌ ์ƒ์„ฑ
3.
Origin domain ์„ ํƒ
4.
์›น ์‚ฌ์ดํŠธ ์—”๋“œํฌ์ธํŠธ ์‚ฌ์šฉ
5.
๋ทฐ์–ด ํ”„๋กœํ† ์ฝœ : Redirect HTTP to HTTPS
6.
์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฉํ™”๋ฒฝ(WAF) : ๋ณด์•ˆ ๋ณดํ˜ธ ๋น„ํ™œ์„ฑํ™”
7.
๋Œ€์ฒด ๋„๋ฉ”์ธ ์ด๋ฆ„(CNAME)
a.
ํ•ญ๋ชฉ ์ถ”๊ฐ€
b.
์ž…๋ ฅ
8.
์ธ์ฆ์„œ ์„ ํƒ
9.
๊ธฐ๋ณธ๊ฐ’ ๋ฃจํŠธ ๊ฐ์ฒด : /index.html
10.
๋ฐฐํฌ ์™„๋ฃŒ

Clound Front

us-east-1.console.aws.amazon.com
https://us-east-1.console.aws.amazon.com/cloudfront/v4/home

๋ฐฐํฌ ์ƒ์„ฑ

Origin domain ์„ ํƒ

์›น ์‚ฌ์ดํŠธ ์—”๋“œํฌ์ธํŠธ ์‚ฌ์šฉ

๋ทฐ์–ด ํ”„๋กœํ† ์ฝœ : Redirect HTTP to HTTPS

์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐฉํ™”๋ฒฝ(WAF) : ๋ณด์•ˆ ๋ณดํ˜ธ ๋น„ํ™œ์„ฑํ™”

๋Œ€์ฒด ๋„๋ฉ”์ธ ์ด๋ฆ„(CNAME)

1.
ํ•ญ๋ชฉ ์ถ”๊ฐ€
2.
์ž…๋ ฅ
aloha-qr.com www.aloha-qr.com
Bash
๋ณต์‚ฌ
Route 53 ์—์„œ ๋“ฑ๋กํ•œ ๋„๋ฉ”์ธ์„ ์—ฐ๊ฒฐํ•ฉ๋‹ˆ๋‹ค.
์ฐธ์กฐ : AWS Route53

์ธ์ฆ์„œ ์„ ํƒ

Route 53 ์—์„œ ๋“ฑ๋กํ•œ ๋„๋ฉ”์ธ๊ณผ ์—ฐ๊ฒฐ๋œ ์ธ์ฆ์„œ๋ฅผ ์„ ํƒํ•ฉ๋‹ˆ๋‹ค.
์ฐธ์กฐ : AWS Certificate Manager (ACM)

๊ธฐ๋ณธ๊ฐ’ ๋ฃจํŠธ ๊ฐ์ฒด : /index.html

๋ฐฐํฌ ์™„๋ฃŒ

์ƒ์„ฑ๋œ ๋ฐฐํฌ๋ฅผ ํด๋ฆญ ํ•˜๊ณ  ๋“ค์–ด์˜ค๋ฉด [์„ธ๋ถ€ ์ •๋ณด] ์—์„œ ๋ฐฐํฌ๋œ ๋„๋ฉ”์ธ ์ด๋ฆ„์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
React App
Web site created using create-react-app
https://d2e2y2nhcvelyo.cloudfront.net/
๋˜ํ•œ, Cloud Front ๋ฐฐํฌ๋ฅผ ์ƒ์„ฑํ•˜๋ฉด์„œ ๋„๋ฉ”์ธ๊ณผ ์—ฐ๊ฒฐํ•˜๋Š” ์ž‘์—…๋„ ์ง„ํ–‰ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ๋Š” aloha-qr.com ์ด๋ผ๋Š” ๋„๋ฉ”์ธ๊ณผ Cloud Front ๋„๋ฉ”์ธ๊ณผ ์—ฐ๊ฒฐํ•˜์˜€์Šต๋‹ˆ๋‹ค.
React App
Web site created using create-react-app
https://www.aloha-qr.com/

์—ฐ๊ด€ ํŽ˜์ด์ง€

โ€ข
๋„๋ฉ”์ธ ๋“ฑ๋ก AWS Route53
โ€ข
https (SSL) ์ธ์ฆ์„œ ์„ค์ • AWS Certificate Manager (ACM)
โ€ข
์ •์  ์›น์‚ฌ์ดํŠธ ํ˜ธ์ŠคํŒ… AWS S3
โ€ข
CDN ๋ฐฐํฌ AWS Cloud Front