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

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

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


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

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

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

cnpm install && npm run build  

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


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

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

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

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

相关实践学习
对象存储OSS快速上手——如何使用ossbrowser
本实验是对象存储OSS入门级实验。通过本实验,用户可学会如何用对象OSS的插件,进行简单的数据存、查、删等操作。
相关文章
|
弹性计算 运维 Serverless
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
312 1
项目管理和持续集成系统搭建问题之云效流水线支持阿里云产品的企业用户如何解决
|
9月前
|
存储 人工智能 Cloud Native
阿里云渠道商:OSS与传统存储系统的差异在哪里?
本文对比传统存储与云原生对象存储OSS的架构差异,涵盖性能、成本、扩展性等方面。OSS凭借高持久性、弹性扩容及与云服务深度集成,成为大数据与AI时代的优选方案。
|
11月前
|
存储 运维 安全
阿里云国际站OSS与自建存储的区别
阿里云国际站对象存储OSS提供海量、安全、低成本的云存储解决方案。相比自建存储,OSS具备易用性强、稳定性高、安全性好、成本更低等优势,支持无限扩展、自动冗余、多层防护及丰富增值服务,助力企业高效管理数据。
|
11月前
|
存储 域名解析 前端开发
震惊!不买服务器,还可以用阿里云国际站 OSS 轻松搭建静态网站
在数字化时代,利用阿里云国际站OSS可低成本搭建静态网站。本文详解OSS优势及步骤:创建Bucket、上传文件、配置首页与404页面、绑定域名等,助你快速上线个人或小型业务网站,操作简单,成本低廉,适合初学者与中小企业。
|
SQL 分布式计算 Serverless
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
400 0
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。
|
Kubernetes 监控 Devops
【独家揭秘】.NET项目中的DevOps实践:从代码提交到生产部署,你不知道的那些事!
【8月更文挑战第28天】.NET 项目中的 DevOps 实践贯穿代码提交到生产部署全流程,涵盖健壮的源代码管理、GitFlow 工作流、持续集成与部署、容器化及监控日志记录。通过 Git、CI/CD 工具、Kubernetes 及日志框架的最佳实践应用,显著提升软件开发效率与质量。本文通过具体示例,助力开发者构建高效可靠的 DevOps 流程,确保项目成功交付。
416 0
|
Devops API
阿里云效流水线API简单使用
阿里云效流水线API简单使用
|
敏捷开发 测试技术 持续交付
阿里云云效产品使用合集之流水线构建出现问题,连接不到nuget,该如何处理
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。