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,把文件就能上传到服务器指定目录了

相关推荐
A小码哥3 分钟前
大模型成本怎么降,5 个动作先做前两个
java·前端·spring
PHP是世界上最好的语言15 分钟前
ComPDF预览本地正常,部署后白屏:检查资源、路径和许可
前端
kiros_wang16 分钟前
项目分包方案:模块拆分、跨模块组件与方法引用规范
前端
PedroQue9918 分钟前
unix-utils v0.2.0 发布:modal 全端统一,自绘窗口解决输入框难题
前端·uni-app
Csvn19 分钟前
网络优化
前端
代码猎人23 分钟前
前端怎么跟进生态新技术
前端
海阳皓辰网络科技有限公司23 分钟前
Vue3 冷库货位选择器:三级联动、扫码带出与批次混放校验
前端·vue.js
__sjfzllv___25 分钟前
在职前端Leader学习/转行 AI Agent -DAY81
前端
女生也可以敲代码27 分钟前
div上有红色下划线报错:JSX 元素隐式具有类型 “any“,因为不存在接口 “JSX.IntrinsicElements“。ts(7026)
前端
申君健248641827720229 分钟前
ArkTS 速成指南(写给有 TypeScript / 前端经验的开发者)
前端