概述
首先聲明本教程不會講解CDN的原理,而是一份配置教程。CDN全稱內容分發網絡,通常我們使用它來進行前端優化,那麼廢話少說,接下來我將通過騰訊雲來配置CDN。
配置教程
準備工作
- 配置CDN首先需要擁有一個域名,騰訊雲域名需要備案。
- 購買CDN服務,騰訊雲可以每月免費領取10G流量包,我使用的就是免費的。
- 一臺雲服務器。
添加域名
-
進入到CDN控制檯,在【域名管理】中點擊添加域名按鈕
這裏主要是爲了獲取CNAME
記錄。 -
接下來填寫表單:
- 域名中填寫一個子域名即可,這裏我使用了
cdn.domain.com
,因爲我的域名www
主機記錄已經被A記錄佔用了,不想引起衝突,這裏就是用了cdn
作爲主機記錄。 所屬項目
和源站類型
選擇默認選項。源站設置
中配置雲服務器的公網IP。業務類型
選擇靜態加速(通常我們只需要加速靜態資源,如果你有需要可以選擇另外兩個)。緩存過期配置
中有個默認的配置(匹配全部內容),如果有需要,可以自己添加一個靜態資源的過濾條件- 最後點擊提交按鈕。
啓動CDN服務
在添加完域名記錄後會回到域名列表頁,然後右擊
剛纔添加的記錄,選擇啓動CDN
,等待其啓動完畢。
這裏的CNAME是用來尋找節點的,是不能直接訪問的,我們需要爲其配置一個CNAME記錄。
CNAME配置
接下來進入到【雲解析】模塊下,在域名解析列表中選中自己的域名,點擊解析按鈕,進入到【記錄管理】頁面,接下來添加一條記錄。
填寫表單
其中主機記錄填入之前添加的域名的主機名,這裏我填的是cdn
,記錄類型選擇CNAME
,記錄值填入之前生成的CNAME
值。最後點擊保存。等待幾分鐘即可。
測試CDN
到了這一步我們就可以通過cdn.domain.com
(這裏是你配置的域名,我只是隨便寫個示例)來訪問靜態資源了,但是現在我們還沒有靜態資源,於是我在自己的服務器上配置了nginx,配置很簡單:
server {
listen 80;
server_name localhost;
root /home/ubuntu/cdn;
localtion / {
index index.html;
}
}
然後我將一張圖片test.jpg放在cdn
根目錄下, 啓動nginx服務器,然後通過http://cdn.domain.com/test.jpg
即可訪問到該圖片。至此我們的CDN就搭建好了。