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

本文涉及的产品
对象存储 OSS,OSS 加速器 50 GB 1个月
全域智能运维平台 STAROps 免费试用,10000 积分
简介: 如何使用阿里云云效流水线发布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的插件,进行简单的数据存、查、删等操作。
相关文章
|
8月前
|
存储 人工智能 Cloud Native
阿里云渠道商:OSS与传统存储系统的差异在哪里?
本文对比传统存储与云原生对象存储OSS的架构差异,涵盖性能、成本、扩展性等方面。OSS凭借高持久性、弹性扩容及与云服务深度集成,成为大数据与AI时代的优选方案。
|
10月前
|
存储 运维 安全
阿里云国际站OSS与自建存储的区别
阿里云国际站对象存储OSS提供海量、安全、低成本的云存储解决方案。相比自建存储,OSS具备易用性强、稳定性高、安全性好、成本更低等优势,支持无限扩展、自动冗余、多层防护及丰富增值服务,助力企业高效管理数据。
|
10月前
|
存储 域名解析 前端开发
震惊!不买服务器,还可以用阿里云国际站 OSS 轻松搭建静态网站
在数字化时代,利用阿里云国际站OSS可低成本搭建静态网站。本文详解OSS优势及步骤:创建Bucket、上传文件、配置首页与404页面、绑定域名等,助你快速上线个人或小型业务网站,操作简单,成本低廉,适合初学者与中小企业。
|
运维 Devops 持续交付
自动化运维的魔法:打造高效DevOps流水线
【10月更文挑战第34天】在数字化时代的浪潮中,DevOps成为企业追求敏捷、高效和稳定的关键。本文将通过一个真实案例,展示如何构建一个高效的DevOps流水线,实现从代码提交到部署的全自动化流程。我们将探讨流水线设计的哲学、工具选择以及面临的挑战,并分享实际的代码示例和操作步骤,帮助读者理解自动化运维的精髓。
430 2
|
敏捷开发 机器人 API
阿里云云效产品使用合集之怎么删除项目
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
敏捷开发 测试技术 持续交付
阿里云云效产品使用合集之如何限制在本地的构建主机创建的流水线的并发数
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
SQL 分布式计算 Serverless
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
381 0
|
运维 监控 Devops
自动化运维实践:打造高效的DevOps流水线
在软件开发的快节奏中,自动化运维成为提升效率、确保质量的关键。本文将引导你理解自动化运维的价值,通过实际案例分享如何构建一个高效、可靠的DevOps流水线。我们将从持续集成(CI)开始,逐步深入到持续部署(CD),并展示代码示例来具体说明。准备好让你的运维工作飞跃式进步了吗?让我们开始吧!
|
分布式计算 Java 开发工具
阿里云MaxCompute-XGBoost on Spark 极限梯度提升算法的分布式训练与模型持久化oss的实现与代码浅析
本文介绍了XGBoost在MaxCompute+OSS架构下模型持久化遇到的问题及其解决方案。首先简要介绍了XGBoost的特点和应用场景,随后详细描述了客户在将XGBoost on Spark任务从HDFS迁移到OSS时遇到的异常情况。通过分析异常堆栈和源代码,发现使用的`nativeBooster.saveModel`方法不支持OSS路径,而使用`write.overwrite().save`方法则能成功保存模型。最后提供了完整的Scala代码示例、Maven配置和提交命令,帮助用户顺利迁移模型存储路径。

热门文章

最新文章