如何使用阿里云云效流水线发布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的插件,进行简单的数据存、查、删等操作。
相关文章
|
3月前
|
存储 人工智能 Cloud Native
阿里云渠道商:OSS与传统存储系统的差异在哪里?
本文对比传统存储与云原生对象存储OSS的架构差异,涵盖性能、成本、扩展性等方面。OSS凭借高持久性、弹性扩容及与云服务深度集成,成为大数据与AI时代的优选方案。
|
4月前
|
Kubernetes Devops 应用服务中间件
基于 Azure DevOps 与阿里云 ACK 构建企业级 CI/CD 流水线
本文介绍如何结合阿里云 ACK 与 Azure DevOps 搭建自动化部署流程,涵盖集群创建、流水线配置、应用部署与公网暴露,助力企业高效落地云原生 DevOps 实践。
512 2
|
5月前
|
存储 运维 安全
阿里云国际站OSS与自建存储的区别
阿里云国际站对象存储OSS提供海量、安全、低成本的云存储解决方案。相比自建存储,OSS具备易用性强、稳定性高、安全性好、成本更低等优势,支持无限扩展、自动冗余、多层防护及丰富增值服务,助力企业高效管理数据。
|
5月前
|
存储 域名解析 前端开发
震惊!不买服务器,还可以用阿里云国际站 OSS 轻松搭建静态网站
在数字化时代,利用阿里云国际站OSS可低成本搭建静态网站。本文详解OSS优势及步骤:创建Bucket、上传文件、配置首页与404页面、绑定域名等,助你快速上线个人或小型业务网站,操作简单,成本低廉,适合初学者与中小企业。
|
4月前
|
监控 安全 Devops
DevOps 流水线的网络安全盲区与防御策略
在软件研发中,DevOps流水线加速了开发与交付,但也带来严重安全风险。自动化节点和第三方集成成为攻击入口,凭证泄露、供应链渗透、配置错误和依赖混乱等问题频发。企业需构建全流程安全体系,嵌入自动化安全策略,强化访问控制与监控,提升全员安全意识,实现效率与安全的协同发展。
477 1
|
运维 Devops 持续交付
自动化运维的魔法:打造高效DevOps流水线
【10月更文挑战第34天】在数字化时代的浪潮中,DevOps成为企业追求敏捷、高效和稳定的关键。本文将通过一个真实案例,展示如何构建一个高效的DevOps流水线,实现从代码提交到部署的全自动化流程。我们将探讨流水线设计的哲学、工具选择以及面临的挑战,并分享实际的代码示例和操作步骤,帮助读者理解自动化运维的精髓。
335 2
|
11月前
|
SQL 分布式计算 Serverless
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
283 0
|
运维 监控 Devops
自动化运维实践:打造高效的DevOps流水线
在软件开发的快节奏中,自动化运维成为提升效率、确保质量的关键。本文将引导你理解自动化运维的价值,通过实际案例分享如何构建一个高效、可靠的DevOps流水线。我们将从持续集成(CI)开始,逐步深入到持续部署(CD),并展示代码示例来具体说明。准备好让你的运维工作飞跃式进步了吗?让我们开始吧!
|
机器学习/深度学习 人工智能 专有云
人工智能平台PAI使用问题之怎么将DLC的数据写入到另一个阿里云主账号的OSS中
阿里云人工智能平台PAI是一个功能强大、易于使用的AI开发平台,旨在降低AI开发门槛,加速创新,助力企业和开发者高效构建、部署和管理人工智能应用。其中包含了一系列相互协同的产品与服务,共同构成一个完整的人工智能开发与应用生态系统。以下是对PAI产品使用合集的概述,涵盖数据处理、模型开发、训练加速、模型部署及管理等多个环节。