阿里云 CDN+Oss 解决方案

清疚 2022-06-07 06:30 422阅读 0赞

> 导读：使服务器上的静态资源，比如css、js、图片，通过cdn 分发到用户，使得用户的访问体验变好，同时将这些资源放在oss 上，节省服务器资源，同时将cdn 回源设置为 oss 源站，减少cdn 回源产生的带宽压力和产生的流量费用 。

这里以我的网站 `https:www.leon0204.com` 为例子，来进行部署，这样看起来直观简单，毕竟我第一次部署时，查找网上的文档里用的都是一些假数据，作为第一次看起来感觉云里雾里。

### 1 添加二级域名 ###

假设你已经有一台服务器和自己的域名，现在我们首先要做的是添加一个二级域名，作为静态资源域名，这样不用全站cdn，这里我设置为 `static.leon0204.com` ，在域名管理中添加二级解析。

![这里写图片描述][SouthEast]

二级域名解析设置 ，这里 `cname` 的获取方法在步骤3中  
![这里写图片描述][SouthEast 1]

### 2 添加 `oss` 服务 ###

进入 `oss` 控制台，点击右侧的新建 `bucket` ，注意这里 `Endpoint` 将作为 `cdn` 的源站。

![这里写图片描述][SouthEast 2]

点击左侧新建的 `bucket` ，获取 `access_key` 和 `access_sercet` 之后，上传图片到 `oss` 的方法可以参考文档，或者我的另外一篇博客 ：[python+oss备份到oss][python_oss_oss]，值得一提的是，oss 不是免费的 。

进入图片管理。编辑图片上传的样式，这一步可以不做。

![这里写图片描述][SouthEast 3]

在 `oss` 中添加用户域名绑定，如下图

![这里写图片描述][SouthEast 4]

### 3 添加 `CDN` ###

为第一步创建的二级域名，添加 `cdn` ，这里 `cdn` 源站选择 第二步创建的 `oss` 站点  
![这里写图片描述][SouthEast 5]

创建审核成功之后，会得到 `cname`，拿着 `cname` 去添加二级域名的 `cname` 解析，就完成了

![这里写图片描述][SouthEast 6]

--------------------

### 4 总结 ###

![这里写图片描述][SouthEast 7]

**回顾一下整个系统的流程，当用户通过 `www.leon0204.com` 访问 `static.leon0204.com/article/like.jpg` 的静态资源时，会绕服务器，解析到 `static.leon0204.com.w.kunlunar.com` 去，`cdn` 会查找缓存是否有命中的，第一次访问的时候 `cdn` 的缓存为空，`cdn` 去设置的 源站`oss` 查找， `leonimg.oss-cn-shenzhen.aliyuncs.com` ，然后分发给用户，这样一套流程就完成了。**

[SouthEast]: /images/20220607/27fab9260d9946308dcc82c7b7802006.png
[SouthEast 1]: /images/20220607/f6e78a36d80348ecafeedc537fd7a11f.png
[SouthEast 2]: /images/20220607/9f0889925340413bab7f4038bceeb859.png
[python_oss_oss]: https://www.leon0204.com/article/66.html
[SouthEast 3]: /images/20220607/a8323967787045a3916cb66bffe4d350.png
[SouthEast 4]: /images/20220607/44664c21d0524b75bb85bbbedfc815f8.png
[SouthEast 5]: /images/20220607/e5e5e28806d54e81b7d289ce3881c533.png
[SouthEast 6]: /images/20220607/0d434d7405f149feb0b9aa7690e7e2cc.png
[SouthEast 7]: /images/20220607/93e441e072c348798466a5cf56b59003.png