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

  公司新闻     |      2023-09-05
使用腾讯云CDN和腾讯云COS服务托管静态网站

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

此方法适用于大部分个人主页、hexo、hugo等博客以及静态WordPress博客。

1. 创建腾讯云 COS 存储桶

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

以在北京创建存储桶为例;名称可选,但创建后不可修改,最好方便自己记忆;访问权限设置请参考以下提示

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 Configuration配置证书

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

如果您尚未在腾讯云申请SSL证书,则添加您在其他地方手动申请的SSL证书

然后启用强制重定向,重定向类型设置为HTTP - HTTPS,重定向方式选择301重定向,头带为Yes(可选)

5.2 节点缓存过期配置

首先点击缓存配置,配置节点缓存过期时间

由于我们托管的是静态网站,因此所有动态文件都应配置为不被缓存

如果网站更新频繁,建议对频繁更新的文件后缀设置较短的缓存时间。例如,博客网站可以为带有html 后缀的文件设置1 天或更短的缓存时间。

对于那些几乎不会改变的文件,我们可以设置更长的缓存时间。例如,大多数人不会更新图片文件,所以我们可以为图片文件设置180天或更长的缓存时间(如果文件经常更改则不要这样做)

我们可以按照默认设置将剩余文件缓存30天。当然,多少天由你决定,是1秒还是4629天(冷知识:最多只能缓存4629天)

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

那么我们需要知道越下面的缓存规则 权重越高 优先级越高 ,所以我们要对上面的配置进行排序,主要是把全部文件的缓存配置放在上面,其他的根据你的具体需求排序

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

比如我配置的规则如下

一般情况下只需配置以上两项即可。如果您还有更多需求,请自行配置。

6. 访问网站

现在访问你的CDN域名,就可以访问你的网站了(下面是我用上面的方法搭建的静态网站)

腾云先锋(TDP,TencentCloudDeveloperPioneer)是腾讯云GTS正式成立并运营的技术开发者群。这里有最专业的开发者客户,有与产品人员的密切接触,有专属的问题需求反馈渠道,有一群志同道合的兄弟姐妹。快来加入我们的开发者社区吧。