文章目錄

• 1.前言
• 2.為什么要用對象存儲
• 3.為什么要用CDN
• 4.七牛云的使用

1.前言

我這邊會涉及到的前端應用場景大部分是比較簡單的。需要服務器動態計算的數據特別少，對于我們的乞丐服務器來說，如何優化靜態文件的傳輸，減少帶寬使用是降低成本的核心。雖然CDN的名氣更大，其實對于地方性的小網站來說，對象存儲已經能夠滿足需要。當然最完整的靜態文件的加速方案應該是將[對象存儲]和[CDN]兩個模塊結合起來用。根據我對阿里云、騰訊云和七牛云的使用感覺，對于小公司來說，這三個中七牛云絕對是最友好的選擇。

2.為什么要用對象存儲

對于小網站來說，帶寬的痛點需要如何解決呢？我覺得對象存儲是一個不錯的解決方案。奇怪的是各大云平臺似乎不太推廣這個業務（個人感覺，或許是因為前司的關系讓我更關注CDN這個業務），可能因為這個業務成本高利潤還低吧。對象存儲相當于是網站的云盤，將你的靜態文件全部上傳到云盤后，云盤可以已最低成本為你提供你要的帶寬（我猜測這個產品定價低的原因是因為你和別人拼單用了一個高存儲空間低處理性能的服務器）。即使是我個人覺得什么都比別人貴的阿里云每個月每G也只要1毛2（2021年7月15日資費），對比帶寬費，這個簡直是九牛一毛了。

而我的乞丐服務器的臨時帶寬呢？一個星期的10M帶寬就要116.93元。

如下圖，同一個3M的MP3文件，通過七牛云下載（左）和通過我的乞丐服務器下載（右）的時間差。也就說，通過對象存儲，我們基本上可以白嫖到10M左右的帶寬，這個帶寬每月最貴只要1毛二/G。

那為什么我會推薦七牛呢，如下圖所示，10G空間對于一個小網站來說已經是非常大了。我覺得我是可以白嫖七牛的，但是出于支持他的緣故我又給我的靜態資源上了個CDN的業務，給七牛交點保護費。

3.為什么要用CDN

我在這里就不在詳述啥是CDN。簡單來說，CDN就是運用京東的物流模式來打淘寶，運用就近倉庫的模式來獲取更快的響應速度。
其實我們更需要的是對象存儲服務而不是CDN，但是兩個東西結合起來用我們就可以使靜態加速獲取到最佳效果（對于請求來自全國各地的網站來說尤甚）。為啥？CDN加速的一個最大的問題就是命中率，CDN的想法是好的，可是萬事萬物都有成本，邊緣節點的存儲空間也是有限的，對于小網站來說，訪問量小了肯定容易被其他訪問量大的文件蓋過去。同時，說實話我不太理解阿里云和騰訊云的CDN的識別方式，當我用react的時候，那個命中率簡直是低的離譜，還是在我預熱了鏈接之后。
那這兩個東西結合后解決了什么問題呢？白嫖了一個高級源站！以我用七牛為例，當命中失敗的時候，他回源回去找對象存儲的磁盤，也就是我白嫖的空間，這樣的好處是即使回源了，我們的速度也不會慢到離譜，這樣就不會出現命中的時候用戶覺得很流暢，沒命中的時候用戶覺得很便秘的問題。

同時，CDN的資費也是比提升帶寬要低很多的。我們以2021年7月15日的阿里云的CDN的活動資費為例，作為小網站只要成本83.6+35.2（HTTPS還需要另外買請求次數）就可以享受阿里云為你提供的半年內500G1000萬次超大帶寬靜態文件加速服務。

借用天翼云的圖介紹CDN和對象存儲的邏輯關系。

4.七牛云的使用

進來之后找到我們的兩個主角。

進來之后創建一個空間，一個空間就相當于一個盤。

進到空間里面呢，就進來設置一下域名，剛創建空間的時候他會給你一個30天的臨時域名作為測試你可以先用。這個自定義源站域名就是我們的網盤訪問地址啦，如果不用CDN的話就只設置這個就好。如果要搭配CDN使用的時候，再來配置CDN域名。

然后進入文件管理，只要在這里上傳文件就可以了。
這里吐槽一下七牛的這個存儲對象的文件管理，這個文件管理如果能增加一個類似文件夾的層級那管理起來會方便很多，不像現在所有文件都在同一個頁面，文件多了很難管理。所以需要在右側這個設置路徑前綴這里給他設置一下，然后再來上傳文件，不然感覺很容易重名。
UPDATE 20210717:https://developer.qiniu.com/kodo/5972/kodo-browser
錯怪七牛了，有一個圖形化工具進行文件管理。啊，幫大忙了。七牛yyds

上傳完文件就可以在這里復制文件的外鏈，有了外鏈你就可以在你的網站上享受靜態文件加速了。
我是llsxily，你可以叫我橘子。我覺得這個文章還沒結束，還有很多需要慢慢補充的，我們回頭再見。

總結

以上是生活随笔為你收集整理的小网站静态资源CDN加速实践记录的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。