使用CodeArts发布OBS，函数工作流刷新CDN缓存

摘要：上次通过OBS和CDN部署来Hexo网站，但是每次我们不可能都自己编译然后在上传到OBS，不然太麻烦了，所以我们需要构建流水线，通过PUSH Markdown来发布文章。

本文分享自华为云社区《使用软件开发生产线CodeArts发布OBS，函数工作流刷新CDN缓存》，作者：熊大不大 。

上次通过OBS和CDN部署来Hexo网站，但是每次我们不可能都自己编译然后在上传到OBS，不然太麻烦了，所以我们需要构建流水线，通过PUSH Markdown来发布文章，这样方便又简单，我们大概流程如此。

好来废话不多说开干。

第一步gitee上面拥有一份Hexo代码

这个不用多说，申请代码仓库，提交自己博客代码。

第二步华为云申请CodeArts

这个是免费的，新建一个免费空间最多5人使用，自己使用即可地址 CodeArts地址，先点击新建项目，选择DevOps全流程示例项目，输入项目名称点击OK，返回页面在点击进去项目，能看到有很多项目流程菜单。

第三步新建流水线

新建流水线之前我们先新建编译构建

1.新建任务，名字取blog

2.选择源码源为码云，第一次需要授权，Endpoint实例新建，根据提示授权即可

3.选择代码仓库，在选择分支下一步选择NPM构建然后修改脚本

export PATH=$PATH:~/.npm-global/bin
 #设置缓存目录
 npm config set cache /npmcache
 npm config set registry https://repo.huaweicloud.com/repository/npm/
 npm config set disturl https://repo.huaweicloud.com/nodejs
 npm config set sass_binary_site https://repo.huaweicloud.com/node-sass/
 npm config set phantomjs_cdnurl https://repo.huaweicloud.com/phantomjs
 npm config set chromedriver_cdnurl https://repo.huaweicloud.com/chromedriver
 npm config set operadriver_cdnurl https://repo.huaweicloud.com/operadriver
 npm config set electron_mirror https://repo.huaweicloud.com/electron/
 npm config set python_mirror https://repo.huaweicloud.com/python
 npm config set prefix '~/.npm-global'
 #如需安装node-sass
 #npm install node-sass --verbose
 #加载依赖
 npm install --verbose
 #默认构建 以上都是系统默认的 才是自己修改 tar.gz就当做备份
 npm run build
 tar -zcvf blog.tar.gz public
 #这个生成zip包给OBS
 cd public
 zip -r blog.zip *

4.需要新增文件上传到OBS上去，主要配置如下：产物路径配置，桶名配置。

然后保存执行，看是否有zip产物到OBS桶下面

5.新建流水线配置源，然后新增任务，然后把刚才的编译构建的任务添加接口，部署不需要，因为这里是编译完毕直接上传obs桶的

第四步开启数据处理，把zip文件自动解压到桶目录下

如图下：

新建规则，事件选择ObjectCreate,前缀是包名全程不含后缀，后缀默认zip，解压路径默认，IAM委托根据链接新建一个只容许操作OBS的全新。

清除CDN缓存, 使用函数工作流来

1.华为云新增一个函数工作流,函数类型是事件函数、区域我选广州、函数名自己取blogDeploy，运行时我选来14.18，现在有最新版本16了。

2.编写代码

第一个文件index.js

const refreshTask = require("./refreshTask")
exports.handler = async (event, context) => {
 const logger = context.getLogger();
 const urls = context.getUserData('urls')
 logger.info(JSON.stringify(event))
    logger.info('刷新的地址', urls)
 const token = context.getToken()
 const t = await refreshTask(token, urls.split(';'))
 const output =
 {
 'statusCode': 200,
 'headers':
 {
 'Content-Type': 'application/json'
 },
 'isBase64Encoded': false,
 'body': JSON.stringify(t),
 }
 return output;
}

第二个文件 refreshTask.js

const https = require("https");
function refreshTask(token, urls) {
 return new Promise((resovle) => {
 const data = JSON.stringify({
 refresh_task: {
                type: "directory",
 urls
 }
 });
 const options = {
            port: 443,
            hostname: "cdn.myhuaweicloud.com",
            path: "/v1.0/cdn/content/refresh-tasks",
            method: "POST",
            headers: {
 "X-Auth-Token": token,
 "Content-Type": "application/json",
 "Content-Length": data.length
 }
 };
 const req = https.request(options, (response) => {
 let todo = "";
 // called when a data chunk is received.
 response.on("data", (chunk) => {
 todo += chunk;
 });
 // called when the complete response is received.
 response.on("end", () => {
 console.log(JSON.parse(todo));
 resovle(JSON.parse(todo))
 });
 });
 req.write(data);
 req.on("error", (error) => {
 console.log("Error: " + error.message);
 });
 })
}
module.exports = refreshTask;

3.设置环境变量和触发器,环境变量设置为urls，值为https://www.webfan.cn/;https://webfan.cn/你需要刷新你的域名

触发器设置为OBS触发,桶名：放博客的桶，事件是ObjectCreated，名字自取，前缀index，后缀html，我们只识别index.html即可。

4.设置权限托管，我们OBS需要获取token来请求CDN服务，所以需要委托代理授权。

点击权限—创建委托，委托名字自己取，委托类型选云服务，云服务选择搜索函数工作流，持续时间永久。

然后下一步选择授权项目CDN RefreshAndPreheatAccess，点击完成，可以查看到自己权限可以使用 CDN RefreshAndPreheatAccess。

然后在选择委托保存。

然后在自己配置测试OBS。

查看日志

好来一个完整的发布流程完整来，在本地我们写来一份MD，然后通过PUSH之后，过几分钟则可以看到自己写的内容已经自动部署到OBS了，然后网站自动刷新缓存，非常方便。

点击关注，第一时间了解华为云新鲜技术~