使用对象存储COS+内容分发网络CDN加速个人网站

这几天看过好几位大佬的博客,就是关于怎样利用CDN和对象存储去加速博客,不过都是阿里云下去设置的,而我自己主要用的是腾讯的全家桶,所以对着教程来有一些小问题。
这一次趁着正好有时间,又好好的研究一下。希望能给需要的人一些帮助。

加速思路

  • 把静态资源包括网站上的图片都放在云存储上,访问的时候给服务器减轻负担,提升速度。

操作流程

那我们就开始操作吧,把静态资源放到云存储上,大致要做一下这个几件事情:

  • 在腾讯云的对象存储里创建一个存储桶
  • 设置好回源配置
  • 绑定一个自定义加速域名(也可以不绑定)
  • 设置缓存配置
  • 跨域设置

创建对象存储

前往腾讯云的控制台,找到对象存储,点击左侧边栏的存储桶列表,点击创建存储桶

图片[1]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

填入名称、地域、设置访问权限,其他的可以不做更改。

图片[2]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[3]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 名称根据喜好随意填写
  • 所属的地域当然选择自己服务器所在的区域
  • 访问权限为了安全起见,还是选择私有读写,过会分配权限给CDN域名即可

添加回源规则

创建完成之后,页面自动跳转到存储桶的管理界面,我们在左侧边栏找到基础配置下的回源设置,并选择添加回源规则

图片[4]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

协议配置

图片[5]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 回源条件:HTTP状态码 404
  • 回源协议:跟随请求协议
  • 请求参数:透传

源站设置

图片[6]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 回源地址:自己网站域名

图片[7]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

完成后点击确定;

域名与传输管理里可以查看用来访问存储桶的域名

图片[8]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

如果做到这一步,腾讯云会自动分配一个访问存储桶的域名,其实就算弄好了,也就是说现在网站的静态资源会从腾讯云分配的域名进行使用。


为了你的钱包,下面的操作建议还是看看。


内容分发网络

现在虽然是访问了腾讯云上的资源,但是还没有CDN加速的特性,可能只是存储桶在哪个地区,哪个地区就快一些。
所以我们接下来给这个对象存储绑定一个自定义CDN域名,这样的话静态资源就会被CDN加速。

创建CDN域名

我们通过腾讯云的控制台进入内容分发网络,并点击左侧边栏的域名管理,准备添加一个域名。

图片[9]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 首先是加速域名这里,自定义一个二级域名。比如说我的域名是thtown.cn,那么我就可以填写xxx.thtown.cn,总之不冲突就行。
  • 然后是加速类型,我们选择CDN网页小文件就可以了。

图片[10]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 然后是源站配置,我们选择COS源,并选择好刚才自己创建的存储桶,然后下方打开私有存储桶访问(如果刚才存储桶设置的不是私有读写的话那就不用)。

图片[11]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

提交后,我们的加速域名基本上配置好了,我们还需要做几件事情。

  1. 配置SSL证书
  2. 按提示配置CNAME记录
  3. 设置防盗链等一些安全设置,防盗链记得要把自定义CDN域名也加上去。
  4. 跨域访问

配置CNAME记录

图片[12]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

复制刚才新添加CDN域名的CNAME值,前往DNS解析DNSPod进入域名添加解析

图片[13]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[14]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

CDN防盗链

创建好CDN域名后,我们点击域名进行配置,在访问控制里进行防盗链配置;

图片[15]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 防盗链类型:白名单
  • 值:填写自己的网站域名,建议把腾讯云控制台与你的Bucket域名(CDN自定义域名,刚才新建的)都添加进去。

你的Bucket域名最好加进去,否则可能出现设置跨域后依然无法加载字体文件的问题。

  • 空referer选项:允许

IP访问限频配置

在访问控制里添加IP访问限频配置;

图片[16]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[17]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

我设置的是100次/秒

节点缓存过期配置

在缓存设置里添加节点缓存过期配置;

类型内容缓存行为
文件后缀css;js缓存30天,强制缓存
文件后缀jpg;jpep;png;bmp;gif;ico缓存30天,强制缓存

图片[18]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

HTTPS配置

图片[19]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[20]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • HTTPS配置:上传自己的SSL证书

  • HTTP 2.0配置:打开

  • 强制跳转:

    ​ 跳转类型:Http->Https

    ​ 跳转方式:301跳转

  • HSTS配置:打开,31536000秒

  • TLS版本配置:关闭 TLS1.0 打开TLS1.1到TLS1.3

  • OCSP装订配置:打开

用量封顶配置

在高级配置里找到用量封顶配置;

图片[21]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 配置类型:带宽封顶
  • 带宽阈值:100mbps
  • 超出阈值:访问返回404(关闭CDN服务)

HTTP响应头配置

在高级配置里找到HTTP响应头配置,添加**Access-Control-Allow-Origin:***

图片[22]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[23]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

对象存储COS配置

跨域访问CORS设置

桶列表里找到安全管理,里面有个跨域访问CORS设置选项,点击添加规则

图片[24]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 来源 Origin配置域名白名单
  • 勾选你允许的 Methods,一般选择GET就够了,具体配置按你自己的需求来。
  • Allow-Headers设为access-control-allow-origin: *,保存。

防盗链设置

桶列表里找到安全管理,里面有个防盗链设置选项;

图片[25]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

图片[26]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

  • 添加你的域名白名单,建议把腾讯云控制台与你的Bucket域名(CDN自定义域名,刚才新建的)都添加进去。每行一个域名,通过回车键隔开。

    你的Bucket域名最好加进去,否则可能出现设置跨域后依然无法加载字体文件的问题。

  • 允许空 Referer设置为 不允许为空

//腾讯云域名
console.cloud.tencent.com
//你的Bucket域名
xxx.thtown.cn
//你的网站域名
thtown.cn

自定义 CDN 加速域名

在前面我们添加了自定义的CDN加速域名,我们需要开启回源鉴权

图片[27]-使用对象存储COS+内容分发网络CDN加速个人网站-剧毒之触博客

这下可以使用CDN加速域名对存储桶里的资源进行访问!

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论