[V8自行车] #2 · 初涉CDN——OSS+CDN

发布于 2021-08-16  488 次阅读


要不把自行车链条换成cvt钢带?


# Info.

[V8自行车]#1 中已介绍oss的作用,这里不做赘述;这里需要稍稍描述下我对cdn的基本理解,想直入正题可以略过 Info. 部分

CDN学名是内容分发网络,就像表面意思,负责把内容分发出去。

类似你写了一本书,你的读者们不可能同时到你书桌前边排着队读,所以你把书copy了无数份,发放到世界各地的书店,然后各处的读者都能就近取阅。
这里的读者就是网站访客,书是静态内容,例如html/css/jpg等,书店是cdn。cdn帮你完成了分发静态文件的任务,不需要频繁请求源站。或者参考Aliyun给出的 CDN原理简介

至于费用方面,aliyun给出的解释是,相同外网流量的情况下,cdn+oss比单纯oss便宜30%多。但对于您面前这个天天两位数PV的兔窝来说,这两种情况都能四舍五入等于零。(o´ω`o)


# Do it.

实例环境:
- OSS
- CDN
- 轻量服务器

目的:
- 加速各地访问
- 节省米子 ( ?

[V8自行车]#1 中新建Buckets时已经为OSS配置了域名,现在直接上CDN

1. 进入一个 Bucket,左栏传输管理域名管理,点击开始配置cdn

2. 新增源站,选择 OSS域名-已有的域名

3. 配置缓存过期时间

根据自己的需要来,我的oss只存了图片,所以只设了图片类。
至此已能基本实现cdn的作用,但还是建议配置些后文的可选项,以增加访问体验和安全性。

4. (可选) CDN配置,根据需求开SSL

5. (可选) 开启OSS私有读回源

回源配置阿里云OSS私有Bucket回源 - 开启 - 授权

6. (可选) cdn防盗链配置

如图所示,白名单添加调用图片的域名即可,支持泛域名 *.host.com

7. 验证cdn效果

打开f12试图访问某张图片,在 network 里找到图片
响应头下边,x-cache 即为cdn命中状态。HIT命中,从cdn调取的资源;MISS就MISS,这次访问是回源的。

下边还有其他参数,可以参考aliyun给出的解释,这里暂且不考虑那么多。
不同的cdn厂商对命中相关参数的描述不同,但结果基本都是HIT & MISS

Q.E.D


文都码完了我才发现,这里所有的图打码都没必要呀,,,真想知道是什么链接,f12+cmd就什么信息都有了 (´▽`;)ゝ