AWS - Cloudfront CDN 測試

標籤：aws   cloudfront   cdn   

AWS 幾年前就推出了他的CDN服務- Cloudfront，可以允許建立一個URL，指向使用者自己的S3 bucket或者Web server。當其他人訪問這個Cloudfront URL的時候，DNS會自動解析到最近的物理位置的Edge Server（Edge server），然後edge server會查詢自己是否已經有相關的緩衝，如果沒有，他會向Orgin發送請求擷取資訊，並保持在當地。預設的緩衝時間是24小時。

詳細的工作過程參考以下連結

http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/HowCloudFrontWorks.html

首先，先建立一個S3 Bucket， 取名叫做beanphoto, region就設在Sydney好了

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A1/wKiom1PYmCHBLaScAAA9RJIjkqU124.png" style="float:none;" title="1.PNG" alt="wKiom1PYmCHBLaScAAA9RJIjkqU124.png" />

然後上傳一個圖片

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A1/wKioL1PYmT3DMSdhAABDNoDM9Cg947.png" style="float:none;" title="2.PNG" alt="wKioL1PYmT3DMSdhAABDNoDM9Cg947.png" />

為了保證所有人都能從Cloudfront的URL訪問，必須設定成public 

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A1/wKiom1PYmCWzT0wwAAA2bu0zeE4184.png" style="float:none;" title="3.PNG" alt="wKiom1PYmCWzT0wwAAA2bu0zeE4184.png" />

先看看S3 Bucket本身的連結是否工作

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A1/wKioL1PYmT_igylbAAA1WbpTOl8918.png" style="float:none;" title="4.PNG" alt="wKioL1PYmT_igylbAAA1WbpTOl8918.png" />

開啟木有問題。風景不錯吧，這個是豆子在斐濟的一個小島拍的照片

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/42/A1/wKiom1PYmDeTX8jRAAPZupTiIFo622.png" style="float:none;" title="5.PNG" alt="wKiom1PYmDeTX8jRAAPZupTiIFo622.png" />

切換到CloudFront, 點擊 Create Distribution

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/42/A1/wKioL1PYmVbz3A2hAABgyTzEs_s201.png" style="float:none;" title="7.PNG" alt="wKioL1PYmVbz3A2hAABgyTzEs_s201.png" />

選擇 Web， RTMP是給流媒體準備的

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A1/wKiom1PYmECTetRbAAB67D_owQs365.png" style="float:none;" title="8.PNG" alt="wKiom1PYmECTetRbAAB67D_owQs365.png" />

Domain name輸入S3 Bucket的名字，其餘的預設選項

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/42/A1/wKioL1PYmV7wA9E8AACk0x6jV54984.png" style="float:none;" title="9.PNG" alt="wKioL1PYmV7wA9E8AACk0x6jV54984.png" />

Price Class可以選擇世界內的範圍，我選擇的美國和歐洲

我還添加了一條CNAME，因為Cloudfront自動產生的URL太難記住了，同時我還需要在DNS的控制台裡面也添加對應的CNAME

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/42/A1/wKiom1PYmEbRMIn-AABjUGPIN3w874.png" style="float:none;" title="10.PNG" alt="wKiom1PYmEbRMIn-AABjUGPIN3w874.png" />

點擊確定之後就會開始建立，他會把相關的配置（不是具體的內容）傳送給所有的Edge Server。這個過程大概要15分鐘左右。

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/42/A1/wKiom1PYmEjzEsHYAABjIPOegDs044.png" style="float:none;" title="11.PNG" alt="wKiom1PYmEjzEsHYAABjIPOegDs044.png" />

接下來，豆子登入Godaddy，添加一條CNAME

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/42/A1/wKioL1PYmWSgUNVmAABRLITvKyA998.png" style="float:none;" title="12.PNG" alt="wKioL1PYmWSgUNVmAABRLITvKyA998.png" />

添加好了，等候個5分鐘左右就可以查詢了

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/42/A1/wKiom1PYmEyTxx83AAAyg-kJnaQ628.png" style="float:none;" title="13.PNG" alt="wKiom1PYmEyTxx83AAAyg-kJnaQ628.png" />

解析一下CNAME，成功。

可以看見對應的Cloudfront URL有多個伺服器位址，這些都是Edge Server的地址

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A2/wKioL1PYmXGSQOe9AAAY-yZ01Rw401.png" style="float:none;" title="17.PNG" alt="wKioL1PYmXGSQOe9AAAY-yZ01Rw401.png" />

等了15分鐘，總算配置完成了

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/42/A1/wKiom1PYmFminwDSAABiVZbKb7I921.png" style="float:none;" title="18.PNG" alt="wKiom1PYmFminwDSAABiVZbKb7I921.png" />

我們來測試一下是否有效。

登入這個測試網站 http://tools.pingdom.com/

首先測試S3的初始地址，大概需要4.66S才能開啟

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A2/wKioL1PYmX_hJGlRAAHM-zWhLi4336.png" style="float:none;" title="s3.PNG" alt="wKioL1PYmX_hJGlRAAHM-zWhLi4336.png" />

然後測試一下CDN之後的URL，只需要724ms

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A6/wKioL1PYnUOTqmqCAAFr7cgGLa0740.png" style="float:none;" title="cdn.PNG" alt="wKioL1PYnUOTqmqCAAFr7cgGLa0740.png" />

通過顏色對比，可以發現DNS解析，串連，下載資料的時間都大為減少了！

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/42/A6/wKiom1PYnCvhBbekAAArZJY19qU023.png" style="float:none;" title="color.PNG" alt="wKiom1PYnCvhBbekAAArZJY19qU023.png" />

本文出自 “麻婆豆腐” 部落格，請務必保留此出處http://beanxyz.blog.51cto.com/5570417/1532813