云服务器 199 / 年,新老同享,开发者力荐特惠渠道
阿里云推广

如何使用阿里云云效流水线发布vuecli项目到oss?

  • 内容
  • 评论
  • 相关

1.新建流水线(https://flow.aliyun.com/),选择node.js->构建上传到oss,如下图

1.jpg

2.选择流水线源,我这里使用的码云,下面有个 开启代码源触发,有个webhook地址,需要在代码仓库配置下,这样就能实现码云代码仓库代码被提交后自动触发流水线去拉取代码。2.jpg

3.测试里面的代码扫描和单元测试先不去管

4.构建上传,需要注意node的版本和你项目依赖库有关系,一定要选择好对应的版本,此外构建的流程是先从流水线源下载源码到构建集群,然后执行构建命令3.jpg

cnpm install && npm run build  

构建完毕之后上传,需要获得本账号oss的授权,指定oss的bucket,指定源文件目录,也就是构建完毕后的构建产物文件夹,因为是把这个文件夹下面所有东西上传到oss里面,默认文件夹  dist。

4.jpg

5.这个流程最后还可以添加一个邮件通知插件,成功失败邮件通知到你的邮箱,是不是很友好呢?

6.此外还要说一个触发设置下面有个定时触发还有一个webhook触发流水线,定时触发不用多说,比如明天凌晨发布版本这种定时发布的情况,webhook触发和那个代码仓库源触发有啥区别呢?

体验下感觉就是统计到的触发信息不一致。

7.为啥要用阿里云流水线构建发布前端项目到oss呢?整体来说这一套流程下来很是丝滑,oss又是阿里云的产品,在使用阿里云流水线发布起来,产品衔接上很是优秀。此外vue的项目在构建的时候还容易出现在本机windows环境下构建没问题,到阿里云流水线集群上面构建就失败,后来发现是代码里面文件大小写问题导致的,windows下面不敏感大小写,阿里云构建的集群是linux系统需要大家注意了。

本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:如何使用阿里云云效流水线发布vuecli项目到oss? - http://www.wlphp.com/?post=332

发表评论

电子邮件地址不会被公开。 必填项已用*标注