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

相关推荐
前端小超超几秒前
如何配置capacitor 打包的安卓app固定竖屏展示?
android·前端·gitee
xiaopengbc14 分钟前
在Webpack中,如何在不同环境中使用不同的API地址?
前端·webpack·node.js
前端AK君19 分钟前
React中台系统如何嵌入到业务系统中
前端
Slice_cy20 分钟前
不定高虚拟列表
前端
前端AK君29 分钟前
React组件库如何在vue项目中使用
前端
Moonbit39 分钟前
MoonBit 再次走进清华:张宏波受邀参加「思源计划」与「程序设计训练课」
前端·后端·编程语言
RestCloud42 分钟前
一站式数据集成:iPaaS 如何让开发者和业务人员都满意?
前端·后端·架构
Miraitowa_cheems1 小时前
LeetCode算法日记 - Day 38: 二叉树的锯齿形层序遍历、二叉树最大宽度
java·linux·运维·算法·leetcode·链表·职场和发展
青铜发条1 小时前
【python】python进阶——网络编程
运维·服务器·网络
li35741 小时前
React 核心 Hook 与冷门技巧:useReducer、useEffect、useRef 及 is 属性全解析
前端·javascript·react.js