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

相关推荐
不好听6137 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus7 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
Yana.nice7 小时前
Linux 只保留 30 天内日志(find命令删除日志文件)
linux·运维·chrome
前端小李子7 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech7 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
小林ixn8 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
醇氧9 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展
2601_9605679610 小时前
电商套图自动化效率的工程量化分析——从逐张生成到批量套图的架构演进
运维·架构·自动化
泡沫冰@10 小时前
使用Jenkins时的常见问题以及Podman容器+Jenkins流水线落地方案
jenkins