本文分享自华为云社区《使用软件开发生产线CodeArts发布OBS，函数工作流刷新CDN缓存》，作者：熊大不大 。
上次通过 OBS 和 CDN 部署来 Hexo 网站，但是每次我们不可能都自己编译然后在上传到 OBS，不然太麻烦了，所以我们需要构建流水线，通过 PUSH Markdown 来发布文章，这样方便又简单，我们大概流程如此。
来废话不多说开干。
第一步 gitee 上面拥有一份 Hexo 代码
这个不用多说，申请代码仓库，提交自己博客代码。
第二步华为云申请 CodeArts
这个是免费的，新建一个免费空间最多 5 人使用，自己使用即可地址 CodeArts地址，先点击新建项目，选择 DevOps 全流程示例项目，输入项目名称点击 OK，返回页面在点击进去项目，能看到有很多项目流程菜单。
第三步新建流水线
新建流水线之前我们先新建编译构建
新建任务，名字取 blog
选择源码源为码云，第一次需要授权，Endpoint 实例新建，根据提示授权即可
选择代码仓库，在选择分支下一步选择 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 了，然后网站自动刷新缓存，非常方便。
点击关注，第一时间了解华为云新鲜技术~
评论