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

相关推荐
计算机魔术师9 小时前
AI为拿高分不惜入侵网站:22个模型作弊审计,真相让人背脊发凉
前端
晓说前端9 小时前
TypeScript 核心语法应用 —— Vue 3 中的使用(下)
前端·javascript·typescript·类型系统
zhangminghuan9 小时前
微信小程序开发核心知识点全景解析(前端必备硬核基础)
前端·微信小程序·小程序
boooooooom9 小时前
尝尝咸淡:从朴素 RAG 到 Graph RAG——一个烹饪问答系统的三层检索升级之路
前端·后端·llm
cindershade9 小时前
让每条前端异常都能回答:该由谁修、为什么现在修
前端
云飞云共享云桌面9 小时前
苏州昆山精密机械加工厂研发部门10个SolidWorks可以部署云飞云共享云桌面吗?
大数据·运维·服务器·自动化·汽车·制造
bitbrowser9 小时前
Telegram提示尝试次数过多,换网络和重装有用吗
前端
研☆香10 小时前
前端简单的的变量声明
前端
赵大仁10 小时前
Next.js AI Route Handler 工程化:超时、流式与鉴权
前端·ai·鉴权·next.js·工程化
云飞云共享云桌面10 小时前
自动化设备厂 10 人研发团队,如何共用一台服务器做 SolidWorks 建模?
运维·服务器·网络·3d·自动化·制造