jenkins搭建部署前端工程 ,从0到1

一.java环境配置

1 安装tomcat+jdk17
这个也行

3 安装maven3.3.9
安装教程参考

4 安装Jenkins
下载地址
参考教程

二、相关配置

1 访问http://localhost:8080/jenkins,进入Jenkins初始化页面,第一次启动时间可能有点长,耐心等待。进入成功后会看到如下画面,按提示路径打开密码文件,输入密码:

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/9cb4b91f9e5544e6aae426131555e791.png



填写gitlab生成 Personal Access Token

token在git中拿
gitlab账号凭证

系统设置中,配置gitlab信息
系统设置中,配置gitlab信息


配置nodejs
https://mirrors.aliyun.com/nodejs-release/

配置完后会出现,Managed files,进入之中配置npm


http://registry.npmmirror.com

配置服务器先安装Publish Over SSH插件

三.创建任务

任务配置

脚本,第一次才需要npm i

配置上传到服务器的地址

上传dist下面所有文件以及文件夹

确保/mobile在服务器上面已经有改文件夹,完整的目录,会是上面系统配置ssh时候的remote directory加上这里配置的remote directory

配置完应用后点击下面地方就会开始构建了

到此,就可以使用jenkisn,把文件就能上传到服务器指定目录了

相关推荐
linkingvision11 分钟前
H5S 视频监控AWS S3 对象存储
linux·运维·aws·视频监控s3对象存储
doupoa22 分钟前
Fabric 服务端插件开发简述与聊天事件监听转发
运维·python·fabric
BillKu22 分钟前
服务器多JAR程序运行与管理指南
运维·服务器·jar
QQ2740287561 小时前
BlockMesh Ai项目 监控节点部署教程
运维·服务器·web3
!win !1 小时前
uni-app小程序登录后…
前端·uni-app
Nightne1 小时前
CSS图片垂直居中问题解决方案
前端·css
魔术师ID2 小时前
vue 指令
前端·javascript·vue.js
凌冰_2 小时前
CSS3 变形
前端·css·css3
南棱笑笑生2 小时前
20250512给NanoPi NEO core开发板在Ubuntu core20.04系统更新boot.img
linux·运维·ubuntu
小锋学长生活大爆炸2 小时前
【教程】Docker更换存储位置
运维·docker·容器