步驟一 : 確保當(dāng)前阿里云賬戶已開通OSS和CDN服務(wù)

這里建議選擇按量計費

步驟二 : 確保當(dāng)前阿里云賬戶名下有空余已備案的所屬域名

這里空余指的是，它沒有任何解析記錄，即不與任何服務(wù)器ip關(guān)聯(lián)

下面列表初始應(yīng)該是空白，這里展示的是最終解析成功的列表

步驟三 : 確保名下有OSS中創(chuàng)建的bucket

這里以新創(chuàng)建的elfer為例，若存在則跳過此步

步驟四 : 向已創(chuàng)建的bucket中添加一圖片資源用于測試

上傳一張圖片即可

步驟五 : 為指定bucket綁定步驟二中空余域名

空余域名: diygod.cn

進到指定bucket詳情頁 找到如下面包屑(操作路徑)

Bucket配置 > 域名管理> 綁定域名

點擊綁定域名，進到綁定域名操作抽屜

由于是當(dāng)前賬戶自有域名，且該域名來源是阿里云，所以這里空余直接開啟自動添加操作（這里我添加過了，所以有警告，并不允許開啟）

后續(xù)它自動添加的操作記錄仍要刪除，所以可以忽略警告進到下一步

步驟六 : 確保有空余https證書

這里空余指的是未綁定任何域名的

步驟七 : 對當(dāng)前空余域名進行https證書配置

? 第一步 : 對當(dāng)前空余證書綁定步驟二中空余域名

? 第二步 : 下載以Nginx作為服務(wù)器類型的證書配置,拿到(pem-->證書/公鑰)和私鑰(key)

? 第三步 : 回到 Bucket配置 > 域名管理

? 第四步 : 進行OSS和CDN兩方的證書托管

? ?OSS證書托管如下：

? ?CDN托管在當(dāng)前步驟無法配置

步驟八 : CDN添加與配置

? 第一步: 點擊Bucket配置 > 域名管理> 未配置 進到CDN的域名管理頁面

? 第二步: 添加域名

? Ⅰ輸入上述空余域名

? Ⅱ 選擇業(yè)務(wù)類型為圖片小文件

? Ⅲ 源站信息新增 選擇OSS域名 端口80和443的都添加

? Ⅳ點擊下一步，直接選擇推薦配置，進到cname配置

? 第三步: 回到空余域名的dns解析設(shè)置

? Ⅰ刪除由于綁定bucket而自動添加的cname別名

? Ⅱ 根據(jù)當(dāng)前第二步給到的新的cname進行配置

? Ⅲ 主機記錄添加 @

? 第四步：為CDN綁定HTTPS證書

? Ⅰ進到CDN域名管理，找到剛才添加的域名，點擊管理

? Ⅱ 點擊HTTPS配置,上傳證書

? Ⅲ 若當(dāng)前項目支持http2則開啟

? Ⅳ 回到CDN域名管理

? 第五步: 檢測是否開啟成功

? Ⅰ列表中cname狀態(tài)應(yīng)為已配置，狀態(tài)應(yīng)為正常運行，https顯示已開啟

? ? Ⅱ 手動驗證

? ? ① 回到bucket，打開之前上傳的圖片文件（域名管理>文件管理>文件列表）

? ? ② 將自有域名設(shè)置為剛才開通服務(wù)的域名

? ③ 復(fù)制url，打開瀏覽器，開發(fā)者工具，網(wǎng)絡(luò)監(jiān)控

? 3-1 首次訪問響應(yīng)標頭中server為SSO

? 3-2 再次訪問為Tengine

? ④也可以通過cmd ping域名，只要多次記錄中得到的ip不同，那么就代表cdn開啟成功

? ⑤也可以通過上一步響應(yīng)的ip，查找是否是阿里云cdn?ip池中具有的

配置好后常見問題如下:

1.cdn設(shè)置了緩存，周期時間較長，項目上線需要及時響應(yīng)，如何手動立即刷新？

一般阿里云都在運維管理下，開發(fā)想去操作控制臺那不太可能，所以我們作為開發(fā)就需要寫代碼去調(diào)用阿里云sdk觸發(fā)

api文檔：https://next.api.aliyun.com/document/Cdn/2018-05-10/overview

api調(diào)試鏈接：https://next.api.aliyun.com/api/Cdn/2018-05-10/DescribeDomainPathData?lang=TYPESCRIPT&params={}

手動按目錄刷新sdk調(diào)用如下：

用之前請先安裝依賴包

?若是想通過node調(diào)用，則需要

至于其他npm包調(diào)用阿里cdn刷新sdk

調(diào)用成功后，后臺會有記錄，讓運維幫看下

若是調(diào)用失敗，代碼層提示403無權(quán)限的，讓運維幫著授權(quán)

2.svg圖片文件在項目中通過url引入，返回200但實則被跨域攔截