使用腾讯云 CDN 与腾讯云 COS 服务托管静态网站

2022-07-12 23:57:37 浏览数 (4)

注:本文以国内的 COS 存储桶为例,请准备好一个已经备案了的域名,否则将无法自定义域名以及无法使用腾讯云 CDN 服务

大部分个人主页,hexo和hugo等博客,以及静态化后的wordpress博客等都适用于此方法。

1. 创建腾讯云 COS 存储桶

进入腾讯云对象存储控制台 https://console.cloud.tencent.com/cos ,点击存储桶列表,创建储存桶

我们以创建北京的存储桶为例;名称随意但创建后不可修改,最好方便自己记忆;访问权限设置请看下面的tips

Tips:公有读私有写 和 私有读写的具体描述如下

公有读私有写:任何人(包括匿名访问者)都对该存储桶中的对象有读权限,但只有存储桶创建者及有相应权限的账号才对该存储桶中的对象有写权限。

私有读写:只有该存储桶的创建者及有相应权限的账号才对该存储桶中的文件有读写权限,其他任何人对该存储桶中的对象都没有读写权限。

由于 COS 没有 用量封顶 这个设置项,故如果你选择公有读私有写则可能被别人恶意刷取流量造成经济损失。

所以如果为了省事可以选择公有读私有写,但出于安全考虑建议选择私有读写。

点击下一步

高级可选配置默认即可,点击下一步

确认无误点击创建

2. 上传网站源码到存储桶

点击上传文件,将网站源码拖动到上传区域上传至存储桶,点击上传,等待完成

3. 配置腾讯云 COS 存储桶

点击基础配置 - 静态网站,将静态网站功能打开,一般来说默认即可,也可以按需配置

我们复制上图中的访问节点进行访问,如果你存储桶选择的是公有读私有写,那么你已经能访问到你的网站内容了,如果你选择的是私有读写,那么由于你使用浏览器的访问不属于 “ 有相应权限的账号 ” ,所以你的访问会被拒绝,状态码为403,如下图所示。

4. 添加腾讯云 CDN 服务(二选一)

4.1 直接在存储桶中配置自定义 CDN 域名

点击域名与传输管理 - 自定义 CDN 加速域名,添加域名

输入域名,加速地域按需选择,源站类型选择静态网站源站,如果是私有读写存储桶的话开启回源鉴权,强烈建议配置HTTPS证书,点击保存

在 DNSPod 控制台 https://console.dnspod.cn/dns/list 给域名添加 CNAME 解析,记录值为上图中的 CNAME

这时我们发现提醒:当前存在域名开启了回源鉴权,但该存储桶未开启 CDN 服务授权,点击添加 CDN 服务授权

点击确定

4.2 在 CDN 控制台添加 CDN 域名

进入腾讯云内容分发网络控制台 https://console.cloud.tencent.com/cdn ,点击域名管理,添加域名

域名配置加速区域按需选择,填写好加速域名,加速类型为 CDN 网页小文件,IPv6访问按需开启

源站配置 类型选择 COS 源,回源协议选择 HTTPS ,选择之前的存储桶作为源站地址,选择静态网站,开启私有存储桶访问

如果没有添加授权点击 添加授权服务,确定即可

服务配置默认即可,按需修改

为了防止有人恶意刷流量造成经济损失,建议开启用量封顶,确认提交

在 DNSPod 控制台 https://console.dnspod.cn/dns/list 给域名添加 CNAME 解析,记录值为下图中的 CNAME

5. 配置腾讯云 CDN 服务

点击管理

5.1 配置 SSL 证书 并开启强制跳转 (强制跳转按需开启,不过我一般都开启 HTTP --> HTTPS )

强烈建议网站配置 HTTPS

首先点击 HTTPS 配置,配置证书

如果已经在腾讯云申请了 SSL 证书则直接添加

如果没有在腾讯云申请 SSL 证书那么将自己在其他地方手动申请的 SSL 证书添加

然后开启强制跳转,跳转类型设置为 HTTP -> HTTPS ,跳转方式选择301跳转,携带头部为 是(可选)

5.2 节点缓存过期配置

首先点击缓存配置,进行节点缓存过期配置

由于我们托管的是静态网站,所以应该配置所有的动态文件不缓存

如果网站更新比较频繁,那么建议将更新频繁的文件后缀设置较短的缓存时间,比如博客站就可以将html后缀的文件设置1天或者更短的缓存时间

对于那些几乎不会变动的文件我们就可以设置一个较长的缓存时间,比如图片文件一般人是不会更新的,我们就可以将图片文件设置180天或者更长的缓存时间(如果文件经常变化的不要这么干)

剩下的文件我们按照默认设置为缓存30天即可。当然,多少天都随你心意,无论是1秒还是4629天(冷知识:最多只能缓存4629天)

你也可以进行更高级的配置;文件后缀就是对某个或某几个后缀的所有文件进行配置,文件目录就是对某个或某几个目录进行配置,全路径文件就是单独对某个文件或某些文件进行配置(支持通配符 * ),首页就是单独对 index.html 进行的配置。

然后我们需要知道 越下面的缓存规则 权重越高 优先级越高 ,所以我们要给上面的配置排个序,主要是将全部文件的缓存配置放到最上面,其他的就是按照你的具体需求进行排序了

点击调整优先级,进行拖动排序,点击保存

比如我配置的规则如下

一般只需配置上述两项即可,如有更多需求请自行按需配置

6. 访问网站

现在访问你的 CDN 域名,你就能访问到你的网站辣(下面这个是我自己用上面的方法搭建的静态网站)


腾云先锋(TDP,Tencent Cloud Developer Pioneer)是腾讯云 GTS 官方组建并运营的技术开发者群体。这里有最专业的开发者&客户,能与产品人员亲密接触,专有的问题&需求反馈渠道,有一群志同道合的兄弟姐妹。来加入属于我们开发者的社群吧 。

1 人点赞