跳到主要內容

[野人獻曝] 讓你的S3上雲端(CDN的意味)

前因太複雜了,所以暫且不表(懶)。
反正後果就是我開了一個CDN來作吐圖的工作。
至於什麼是CDN,請參閱這裡的說明

而這裡嘛,我假設正在看此文的人都有對AWS的服務有些概念,
所以就直接進入正題了。

要弄出一個CDN,
你首先必須要有一組AWS S3的bucket,
並且已經註冊了AWS Cloudfront,
這樣才能繼續以下的作業。
如果可以的話,順便多弄幾個domain names,
稍後會有機會用到(但非必須)。

以上準備工作完成後,
請打開瀏覽器,登入AWS Management Console,
然後跳到Amazon Cloudfront那一頁後,
再選擇Create Distribution
會跳出以下的視窗。
這個視窗是要指示你的資料來源,
主要分成Amazon S3和你自己的來源,
因為本文是講S3的部份,因此請選擇Amazon S3後,
再選擇放檔案的bucket後按下一步。
(至於那個Download和Streaming目前就不用理會了......我想一般個人是不會有機會作Streaming吧......所以只要選Download就好了)


接著出現的視窗會跟你提示一些設定,
主要就是:

  • 要不要設定多個網域:比方說一個頁面如果用了來自一個網域的多張圖片時,因為瀏覽器的限制會導致所有圖片無法同時被載入。因此設置多個網域對應時,會增進頁面讀取速度。
  • 要不要設定log紀錄:這個嘛......基本上我是沒設定啦,因為我也不會去看那些log。如果你有需要的話可以啟用這個功能?
  • 使用的連線類型:基本上就是選HTTP and HTTPS就好,這個選項同時也會包括HTTPS。如果你的內容僅限使用HTTPS時,請選擇HTTPS Only。
  • 是否啟用:基本上是選Enable啦。不過由於在設定完成後,AWS會先進行一次同步作業,所以你也可以先設定Disable。等到好了以後再開啟他。
  • Comments:啊......就是備註,要填不填隨便你啦。
  • Default Root Object:這東西應該就像是找不到資源時所吐的預設值吧?我是沒設定啦,或許哪位可以踹踹看?

按下Continue後,
就會跳到確認頁。
若是確認沒問題的話,按下完成後就可以了。
然後你的cloudfront就會出現這樣的一項了。

如果你在上一步中並沒有設定CNAMEs時,
那麼Domain Name這一欄就是未來吐資源的網域了,
所以未來都要用 {Domain Name}/{資源路徑} 來吐資料了。
至於Status那欄則是代表同步狀態,
剛設定好時通常會停在InProgress一段時間,
等到Deployed出現後就代表搞定了。
那麼簡單又強大的CDN設定就這樣完成了。

話又說回來了,
如果你在第二步時有設定CNAMEs時,
請到你的DNS Hosting增加CNAME,
對應的是第三張圖中的Domain Name,
過一段時間後就可以開始使用了。

以上就是連猴子都會懂的CDN架設過程,
還請大家多多思考是不是可以用在自己的網站上。

那麼~下次的野人獻曝再見了~(揮手)

你看不到的後記:
是說用這個服務的話,可能要先請各位考量一下荷包深度,
不然月底帳單爆掉就好笑了。

留言

這個網誌中的熱門文章

[野人獻曝] Google Picker

昨天空閒時刻在 Google API 頁面逛著逛著看到 Google Picker 這個玩意。 仔細看了頁面說明, Google Picker 這玩意的首頁就直截了當說了: Google Picker is a "File Open" dialog for the information stored in Google servers. With Google Picker, your users can select photos, videos, maps, and documents stored in Google servers. The selection is passed back to your web page or web application for further use. 既然他這麼好用, 想當然爾就刺激了我的技術魂, 所以昨天晚上稍微看一下文件後就寫了一個簡單的Sample了。 如果想試玩的話,請往 這裡 。 ======以下技術解析一下===== 基本上要用這玩意,實在是非常簡單。 只要先開這兩行: <script src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load('picker', '1', {'language':'zh-TW'});</script> 這樣就會先把Google Picker的程式碼先引入了。 然後以Google所提供的慣例中所展示的, 他是在頁面loading完後跳出對話框。 但是以我的sample言, 是在每一個連結被點擊時才觸發, 這點要先注意一下。 接著就是寫被觸發後的處理, 基本上都是以 google.picker.PickerBuilder 物件為主, 因此我們可以這麼寫: var picker = new google.picker.PickerBuilder().addView(google.picker.ViewId.IMAGE...

[野人獻曝] 利用 IFTTT Maker 自訂自己的特殊需求(?)

大家應該都知道 IFTTT 是什麼樣的東西, 所以我就不多解釋了。 雖然一般而言, 我們確實只要在某個服務的狀態發生時, 才需要讓 IFTTT 幫我們做些事, (像是我們收藏 Flickr 上某張照片時就自動下載到 Dropbox 之類的。) 但通常可以選的服務就是檯面上有名號的服務。 一旦要做些比較特殊的事時, 嗯......通常直覺下都是自己刻東西來做, 老實說有點麻煩啦...... 所以後來 IFTTT 推出 Maker 這個玩意。 她可以接收來自使用者端的請求, 也可以把請求轉發到另外一個地方, 對某些特殊需求而言, 就不大需要額外刻東西。 以下簡介一下使用流程: 首先先到  https://ifttt.com/maker 找到你的 API Key 並且記下來。 接著你就可以到 Create Recipe 中選擇 Maker 後再選擇 Make a web request 開始新增你的食譜了。 記得 Event Name ,這個東西會在呼叫時用到 另外 Receive Request 只收以下這些參數:v alue1、value2 及 value3   這些參數,其他東西會無視。 發出 request 直接使用 POST https://maker.ifttt.com/trigger/{Event Name}/with/key/{API Key} 然後就看你要讓 IFTTT 接到哪裡即可。 不過要注意一點:因為上面的 Request 只收 value[1-3] 這三個參數,所以你也只能在 Ingridents 選擇這三項東西來用。這個就比較麻煩一點...... 使用大致上應該沒啥問題, 反正就是簡單的 POST 機制, 做些比較沒有敏感性的事情其實還蠻方便的。 不過要拿來控制你家的電氣系統就可能要再三思了(茶

[野人獻曝] 實作 Clef 的 2-factor 登入

Clef 是一套算是方便的簡單登入機制,宣稱只要三個步驟就能讓你簡單登入: 點擊支援網站的登入按鍵,此時會出現 Clef 的登入畫面(其實就是一個 GIF 條碼而已) 打開安裝在手機上的 Clef APP ,掃描該 GIF。 若是第一次造訪該網站可能會要求你填寫額外資料。這樣就完成登入作業了。 要在自家網站使用這個服務,得先去他們網站註冊,並開啟一個新 Application ,接著就是要改一下 Code 了。 以下是 PHP 使用 CI 所寫出的範例 Code(這裡只實作登入部份,登出部份之後再另寫一篇說明): 如果要玩玩看實際的操作流程,可以連到 這裡 看看。