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项目中有提到,大家参考一下即可。

相关推荐
郭老二5 小时前
【前端】vue3:编译步骤
前端
IT小白杨5 小时前
从环境制备到自动化工作流:多账号运营的工程化架构拆解
java·经验分享·自动化·安全架构·指纹浏览器
HiDev_5 小时前
【非标自动化】2、认识元器件(直线模组)
运维·自动化
浦信仿真大讲堂5 小时前
从重复操作到自动化闭环:如何让 CST 与 Python 真正协同起来
python·自动化·cst·仿真软件·达索软件
不在逃避q5 小时前
Trae/Vs Code/Cursor命令行无法跑npm命令
前端·arcgis·npm
夏殇之殁6 小时前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表,通过LiveBindings进行显示。 ...
服务器·前端·javascript
The Chosen One9856 小时前
高进度算法模板速记(待完善)
java·前端·算法
陈随易6 小时前
MoonBit抓包模块pcap,查看电脑的每一次联网通信
前端·后端·程序员
新中地GIS开发老师7 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174467 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css