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

相关推荐
qq_25183645711 分钟前
理发管理系统 —— 会员模块
开发语言·前端·python·flask
Frag0ut29 分钟前
2027 年浏览器展望:Chrome 与 Edge 的 AI 智能体进化方向
前端·人工智能·chrome·edge·浏览器·新功能
计算机魔术师39 分钟前
从AI绘图鼻祖到音乐版权破局者,Stability AI如何被三大唱片巨头「收编」
前端
天远API41 分钟前
零信任架构实战:基于天远股权穿透构建自动化供应链授信穿透网关
java·人工智能·架构·自动化
奕鼎竜瑆1 小时前
Chrome 插件开发实战指南:从入门到发布
前端·chrome
广州华水科技1 小时前
水库北斗GNSS变形监测系统及单北斗形变监测一体机应用解析
前端
anew___3 小时前
《从零手写操作系统 (20):ELF加载器——让OS读懂现代编译器》
java·服务器·前端
ss2733 小时前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
对空六课3 小时前
动态按钮ID变化时的稳定埋点标识设计
前端·数据分析
福兮说3 小时前
URL 编码的七个坑:c++ 传到后端变空格、%25 套娃、截断 emoji 直接报错
开发语言·前端·javascript·node.js·url