服务器里的文件怎么实时更新,简单几步,利用Serverless,让COS中文件变更自动刷新CDN...

背景

这几天遇到这样的一个场景,相信也是大多数的站长会遇到的一个问题:

自己的一个个人站点使用了COS作为前端静态资源的存储(JS、CSS、图片等等),同时开启了CDN作为资源的加速分发,为了最大的达到加速效果,把这些资源的缓存时间设置30天及以上。某一天,自己的站点需要变更一下css样式,修改完之后扔到COS中,发现站点中的样式仍没有生效。最后想起是命中了CDN的缓存,因此需要到 CDN控制台 进行URL刷新。

现状

目前COS(对象存储)控制台是没有提供这样一个功能:当启用了CDN,COS中

分析

世界是由懒人创造的。

上面提到的刷新的工作,一次还好,但每次更新站点的静态文件都需要去执行这样的操作,这样重复性的功能是一定要得到解决的,谁让我懒…

想了下,COS文件变更的场景分为 2 种:

API上传GUI上传(控制台、COS Browser…)

要实现自动刷新CDN,则需要用到CDN的 刷新URL的API 。

API上传

如果你是在代码里去上传静态资源的,那么你是能够知道文件上传的时刻的,在文件传完后去调用CDN的API则完成工作。

但是,如果你也同时通过COS控制台来上传文件,那这样的场景则覆盖不了,因此这种做法并不全面。在此也不做多的描述了。

GUI上传

首先,会遇到一个难题,COS本身没有提供设置文件更变之后的回调的功能,如果能拿到这个的回调,则不管是通过什么方式的上传,均能被覆盖到。

既然写了这篇东西,也不卖关子了,直接介绍下我们的主角:SCF(无服务器云函数),

下面我们就一步步来实现我们要的功能:

1、去 SCF控制台 创建函数

注意: 地域需要选择与COS中存放静态资源的Bucket同个地域的,这里以我广州的 Bucket 为例,创建广州的函数

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfkdc6jp0uif0o1pmhti79.png

起个名字叫 cdn_refresh, 环境的话,我选择 Nodejs(这里推荐大家选 Nodejs 就行,因为我的这段demo是用的node,你需要使用的话,不懂node也没关系,改一下配置就行)

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfkj8gsc2o5fg6jdbmv98nm.png

2、修改 demo 配置

下载我这个 demo的代码,解压后修改里面的几个配置信息,包括secretId、secretKey、以及你的cdn域名

dbdfdfa130e38c48eea98e76830269d6.png

把写好的代码压缩成 zip 包,通过本地上传 zip 包选项传上去,执行方法不用修改

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfl3ds1mjafae2mi8oqd161g.png

3、添加触发方式,完成创建

选择 COS 触发,Bucket选择静态资源存储的bucket,事件类型我们选择文件上传,点击保存,完成函数创建

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfl90dp1502on76371v6jsa1t.png

4、再次添加文件删除的触发方式,完成配置

上面我们支持了文件上传的触发方式,这里再添加上文件删除的触发,这样才是完整的文件变更

dbdfdfa130e38c48eea98e76830269d6.pnghttps://www.fwqwd.com/wp-content/uploads/2020/11/20201105175908-67.png

dbdfdfa130e38c48eea98e76830269d6.pnghttps://www.fwqwd.com/wp-content/uploads/2020/11/20201105175909-50.png

测试效果

以上,我们就完成了 SCF 侧函数的配置,那下面我们直接看效果就行

我在控制台上传了文件 nba.jpg

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccflpknt1st2r01dv3cq11mqd3k.png

我们在 SCF 控制台能看到调用相关的日志

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfltj6q15ft1iim17hmfacihe41.png

最后,因为 CDN刷新是异步刷新,我们可以去 CDN控制台 查看刷新记录

dbdfdfa130e38c48eea98e76830269d6.pngimage_1ccfm0fu81c4a8o33es9ha1per4e.png

结语

至此,我们就完成了 COS 文件中变更到自动刷新 CDN 的流程。

最后再附上这个demo的下载地址:https://galenye-1251496585.cos.ap-guangzhou.myqcloud.com/scf_about_cdn_refresh.zip

注明:本文来自投稿,不代表服务器文档网立场,如若转载,请注明出处:https://www.fwqwd.com/13947.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值