本文详细介绍如何设置阿里云CDN + 对象存储OSS加速css、js等静态资源。如何你网站没有备案,也不想备案,无法使用又拍云、七牛云、百度云等CDN 服务,这篇文章介绍的方法算是一种折中的加速方法。

aliyun-cdn-oss

优势

什么情况下适用本文介绍的方法?

  1. 网站未备案
  2. 也不想备案
  3. 网站速度不理想,静态资源较多

在不备案的前提下,阿里云CDN + OSS 能做到:

  1. 支持https(关键)
  2. 支持自定义域名(强迫症福音)
  3. 价格低廉

    如果你只是存储css、js、fonts 等非常小的文件,访问量不大,像我这个小博客,价格应该很低。

价格

对象存储OSS 价格

注意:以下价格为国际版价格

  • 对象存储5GB 以内免费:

uud.me-alibaba-01

  • 流量费用:不是很懂那个OSS 流出至CDN 是什么意思……但即使是要收费,0.118美刀也就不到1元/1GB ,感觉还行。

uud.me-alibaba-02

  • 接口调取费用,对于我这个小博客,应该可以忽略不计了吧:

uud.me-alibaba-03

注意:以下价格为国内版价格

  • 标准型存储5GB 以内免费:

uud.me-alibaba-04

  • 流量费用,5GB 以内免费:

uud.me-alibaba-05

  • 请求费用:

uud.me-alibaba-06

无论是国际版还是国内版,这个费用对于访问量小的博客来说应该都不贵

CDN 价格

由于本文介绍的方法使用的是CDN 回源 OSS ,根据阿里云的官方解释,CDN 是不收费的,只收OSS 费用:

uud.me-alibaba-07

https://help.aliyun.com/knowledge_detail/66897.html

以上是我对阿里云收费的理解,如有错误,欢迎大佬指正~

缺陷

上面的图片地区选择的都是香港,因为非实名用户只能使用海外加速……

uud.me-alibaba-08

既然都不想备案了,实名当然也不是很想,所以我姑且在国际版里,试下用一个假的美国护照去实名,结果……

uud.me-alibaba-09

不知道会不会有影响……

但是即使只用香港节点,也是比我现在这个虚拟主机速度快的。这个虚拟主机白天速度还可以,一到晚上就有点炸。商家说可能之后会更换线路至CN2GIA,现在就先用阿里云顶着吧。

详细步骤

啰嗦完毕,开始设置。

注册开通CDN及OSS

我使用的是国际版阿里云,非国内版。不过为了写这篇教程,特意去试了一下国内版的设置。如果你有国际版,也可以按照以下教程设置。

阿里云网站地址:https://www.uud.me/go/aliyun/

uud.me-aliyun-10

确保此处显示的是中国站,如果你的是国际版账号,那就是下面的International

中国站的注册没什么好说的,自行注册即可。之后的步骤我就不详细列出来了

注册完毕之后,登录控制台,开通CDN对象存储OSS 业务:

uud.me-aliyun-11
uud.mealiyun-12
uud.mealiyun-13
uud.mealiyun-14

设置对象存储OSS

打开OSS 管理控制台:https://oss.console.aliyun.com/overview

点击左侧 新建Bucket

uud.me-alibaba-15

填写信息,点击右下角 确定

uud.me-alibaba-16

创建后,跳转到Bucket 管理页面:

uud.me-alibaba-17

OSS 设置跨越访问

点击上方菜单栏 基础设置,往下滚动页面,找到跨域设置,点击 设置

uud.me-alibaba-18

点击 创建规则

uud.me-alibaba-19

设置 来源允许 Headers* ,勾选所有 允许 Methods

uud.me-alibaba-20

OSS 文件管理

在上方菜单栏点击 文件管理,上传你网站的静态资源,这个就自行上传吧,不截图了。

设置CDN

进入CDN 控制管理台:https://cdn.console.aliyun.com

uud.me-alibaba-21

添加域名

uud.me-alibaba-22

如下图设置:

uud.me-alibaba-23

点击返回,查看cname 信息:

uud.me-alibaba-24

需要等待1分钟左右才能看到配置信息:

uud.me-alibaba-25

此时可以登录你的域名托管网站,准备设置cname :

uud.me-alibaba-26

我用的是Cloudflare,添加cname 记录:

uud.me-alibaba-27

之后回到阿里云CDN 控制台,稍等片刻,刷新之后看不到感叹号即为设置成功,之后点击 管理

uud.me-alibaba-28

设置私有Bucket回源

如下图,点击授权

uud.me-alibaba-29

跳转到新页面,点击 同意授权

uud.me-alibaba-30

回到cdn设置页面,点击箭头所示按钮:

uud.me-alibaba-31

协议回源

如图设置:

uud.me-albaba-33

设置缓存

uud.me-alibaba-32

根据需求自行设置:

uud.me-alibaba

我设置的是.jpg、.png、.js、.css 这些文件后缀,过期时间可以选长点

设置https

务必设置,不然资源无法访问:

uud.me-alibaba-34

点击修改配置:

uud.me-alibaba-35

https请求费用:uud.me-alibaba-36

选择免费证书:

uud.me-alibaba-37

uud.me-alibaba-38

其余的 性能优化防盗链 这些自行设置

关联OSS 与 CDN

回到OSS 管理控制台:https://oss.console.aliyun.com/bucket/

如下图:

uud.me-alibaba-39

至此应该就可以通过https://text.uud.me 访问OSS 文件了

解决OSS 跨域不生效

上面设置完毕后,一般都会成功。但是你可能会遇到 OSS 设置跨域资源共享不生效的问题

回到CDN 控制台: https://cdn.console.aliyun.com

点击域名,管理:

uud.me-alibaba-40

如下图:

uud.me-alibaba-41

取值设置为 *

设置后,会如图显示:

uud.me-alibaba-42

稍等片刻,刷新后:

uud.me-alibaba-43

此时大多数情况下都可以正常访问OSS 资源了,如果还是不行,可以试下再添加两个:

uud.me-alibaba-44

后话

至此设置完毕,测了下网站速度,稍有提升。当然比不上使用国内CDN ,但是聊胜于无。

现在比较慌的是,不知道一个月后账单有多少,那个计费看得我有点懵

Last modification:January 22, 2019
如果觉得我的文章对你有用,请随意赞赏