简单几步，利用Serverless，让COS中文件变更自动刷新CDN

背景

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

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

现状

目前COS（对象存储）控制台是没有提供这样一个功能：当启用了CDN，COS中文件变更时（上传、删除）自动去刷新CDN的选项。

分析

世界是由懒人创造的。

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

想了下，COS文件变更的场景分为 2 种：

• API上传
• GUI上传（控制台、COS Browser...）

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

API上传

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

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

GUI上传

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

既然写了这篇东西，也不卖关子了，直接介绍下我们的主角：SCF（无服务器云函数），简单说，SCF能实现事件式的触发，让你的一段代码跑在云上，无需自己去搭建服务器。而这里我们要利用他很重要的一个能力：COS文件上传/删除的触发器。

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

• 1、去 SCF控制台 创建函数

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

image_1ccfkdc6jp0uif0o1pmhti79.png

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

image_1ccfkj8gsc2o5fg6jdbmv98nm.png

• 2、修改 demo 配置

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

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

image_1ccfl3ds1mjafae2mi8oqd161g.png

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

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

image_1ccfl90dp1502on76371v6jsa1t.png

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

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

f2lgr7n23f.png

j459xgva37.png

测试效果

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

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

image_1ccflpknt1st2r01dv3cq11mqd3k.png

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

image_1ccfltj6q15ft1iim17hmfacihe41.png

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

image_1ccfm0fu81c4a8o33es9ha1per4e.png

结语

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

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