在沒有S3的情況下設置Amazon Cloudfront

Question

我想使用Cloudfront從我的靜態網站提供圖像和CSS。 我已經閱讀了無數文章，展示了如何使用Amazon S3設置它，但我想在我的主機上托管文件並使用雲端加速所述文件的傳送，我只是不確定如何去做。

到目前為止，我已經使用Origin Domain和CName在CloudFront上創建了一個發行版並進行了部署。

Origin Domain：example.me CName media.example.me

我為我的域添加了CNAME：

media.mydomain.com，目的地為xxxxxx.cloudfront.net

現在這是我被困的地方？ 我是否需要將HTML中的鏈接更新為該cname，因此如果樣式表是http://example.me/stylesheets/screen.css ，我是否將其更改為http://media.example.me/stylesheets/screen。 CSS

樣式表中的圖像是../images/image1.jpg到http://media.example.me/images/image1.jpg ？

只是發現它有點令人困惑如何鏈接一切這是我第一次真正涉足使用CDN。

謝謝

Answer 1

是的，您必須更新HTML中的路徑以指向CDN。 通常，如果您有部署/構建過程，則此鏈接更改可以在此時完成（因此開發時間可以使用本地文件）。

這里還要處理的另一件重要事情是CSS / JS等的版本控制。您可能經常更改CSS / JS。 當您進行任何更改時，通常CDN需要24小時才能反映出來。 （另一種選擇是使CDN上的文件無效，但這是明確的，並且不鼓勵）。 建議的方法是生成類似“media.example.me/ XYZ /stylesheets/screen.css”的路徑，並將此XYZ更改為每個部署的不同編號（時間戳/紀元將執行）。 這種方式對於每個部署，您只需要使HTML無效，而其他文件無論如何都是新的路徑並且會加載新的。 這種技術通常稱為手指打印URL。

Answer 2

是的，您將更新對CSS文件的引用以通過CDN域加載。 如果CSS中的圖像路徑不包含域，則它們也將通過cloudfront自動加載。