Jenkins自动化部署前端项目

Jenkins部署指南参考小黄另一篇文章 Jenkins部署Java项目

实现功能

通过gitlab合并方式,触发jenkins构建指令,构建uat分支上的代码,构建完成后,发送到另一台服务器的目录下。

配置Node

在插件市场中安装NodeJS Plugin后,全局工具配置中会出现NodeJS配置

NodeJS实际上可以跟Git一样编写成DockerFile做一个镜像出来,但是因为jenkins上已经配置了Java项目,重做镜像比较麻烦,所以选择自动安装的方式,自动安装后建议重启一下jenkins

配置任务

选择自由风格的软件项目

配置git地址以及认证方式

构建环境中选择安装的NodeJS版本

添加构建步骤,选择执行shell脚本,这里有个大坑,自动安装的方式要先执行node -v\npm -v命令,否则直接执行npm i 会报错找不到命令,设置淘宝镜像可以自行设置,我是想把打包的名称设置为我的项目名称,而不是dist,所以执行了删除和重命名的操作,最后达成jar包

shell 复制代码
node -v
npm -v
npm config get registry
npm i
npm run build:test
rm -rf ./api-enter-web
mv ./dist-test ./api-enter-web
tar -cvzf api-enter-web.tar.gz ./api-enter-web

配置构建后操作,选择需要发送的包,以及包发送的位置,以及后续执行的命令,这里使用的是root账户

配置构建触发器的内容,在上一篇jenkins自动化部署Java项目中有提到,大家参考一下即可。

相关推荐
m0_敲代码的彭于晏1685 小时前
Vercel 前端部署平台深度评测
前端
怕浪猫7 小时前
外包和大厂的前端代码,差在凌晨三点
前端·面试·github
m0_敲代码的彭于晏1687 小时前
Vercel 前端部署与全栈开发实战指南
前端·状态模式
徐小夕7 小时前
花了3个月,我们做了一款 AI 版的“飞书文档”
前端·算法·github
贾伟康7 小时前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
Canmag 兴隆磁性7 小时前
中大型钕铁硼产品的磁通测量与自动分选:一条产线自动化的工程实现思路
运维·学习·自动化·永磁材料
dghongcheng8 小时前
锁具五金喷涂升级案例:从传统手工到自动化产线的转型之路
自动化·喷涂·喷漆设备·自动喷涂线·自动喷涂
福建佰胜张工8 小时前
SMC 薄型气爪 MHF2-16D1 深度解析:平行开闭、低剖面结构在自动化装配中的选型与落地
java·服务器·安全·自动化
Csvn8 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn8 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端