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

相关推荐
IT_陈寒10 分钟前
Vue的computed属性竟然坑了我一把
前端·人工智能·后端
威斯软科的老司机16 分钟前
通俗讲解 CNN 图像识别、向量 Embedding、Softmax 概率计算这三块的简化原理
前端·人工智能·ui·数字孪生
泯泷1 小时前
手搓JSVM第 12 篇:完整最小 JSVM 实现与源码设计复盘
前端·javascript·前端框架
默_笙1 小时前
🍔 给 AI 发一张结构化表格(下):从"自由发挥"到"按格填空"的输出驯服指南
前端·javascript
泯泷1 小时前
手搓JSVM第 11 篇:打包、模块与 CLI:把 VM 产物变成可运行文件
前端·javascript·前端框架
泯泷2 小时前
手搓JSVM第 10 篇:对象、数组与属性访问
前端·javascript·前端框架
泯泷2 小时前
手搓JSVM第 9 篇:闭包:函数如何记住外部变量
前端·javascript·前端框架
晴天162 小时前
前端 SSR、BFF 原理介绍
前端·javascript·网络·html
全栈技术负责人3 小时前
AI 效能工具建设:Agent 可观测性技能技术方案与实践
前端·ai·ai编程
梦想平凡3 小时前
百游棋牌源代码开发搭建教程(一):全端工程结构、开发环境配置与首次启动验证
前端·javascript·源代码管理