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

相关推荐
m0_7482475533 分钟前
重学SpringBoot3-整合 Elasticsearch 8.x (二)使用Repository
大数据·elasticsearch·jenkins
web2u34 分钟前
Docker入门及基本概念
java·运维·服务器·spring·docker·容器
MickeyCV40 分钟前
Nginx学习笔记:常用命令&端口占用报错解决&Nginx核心配置文件解读
前端·nginx
祈澈菇凉1 小时前
webpack和grunt以及gulp有什么不同?
前端·webpack·gulp
zy0101011 小时前
HTML列表,表格和表单
前端·html
初辰ge1 小时前
【p-camera-h5】 一款开箱即用的H5相机插件,支持拍照、录像、动态水印与样式高度定制化。
前端·相机
HugeYLH1 小时前
解决npm问题:错误的代理设置
前端·npm·node.js
元气满满的热码式1 小时前
Docker实战-使用docker compose搭建博客
运维·docker·容器
六个点2 小时前
DNS与获取页面白屏时间
前端·面试·dns
Rhys..2 小时前
如何在Jenkins上查看Junit报告
servlet·junit·jenkins