Jenkins自动化部署前端项目

Jenkins自动化部署

推荐内容较全地址：CSDN地址

1.新建任务

​ 首页点击新建任务名称(必填)，选择构建一个自由风格的软件项目

​ 若已经有类似的任务，可在下方选择复制已有项目
在这里插入图片描述

2.进入任务配置页

在这里插入图片描述

3.丢弃旧的构建

​ 由于旧构建可能会产生文件占用服务器内存，建议丢弃旧的构建已缓解浏览器压力
在这里插入图片描述

4.源码管理

​ 进入源码管理，输入要CICD的gitlab仓库的项目地址

​ 给Jenkins权限，并且选择要从gitlab仓库上哪个分支上拉取项目地址、
在这里插入图片描述

5.构建触发器

在这里插入图片描述
在这里插入图片描述

6.构建环境

在这里插入图片描述

7.构建

​ 添加要构建执行的shell脚本
在这里插入图片描述
​ 根据需求，构建后的项目需要传到远程服务器，通过ssh，需要新加ssh构建操作
在这里插入图片描述
在这里插入图片描述

8.构建后

​ 构建后可根据需求，添加构建后操作，发送邮件提醒。
在这里插入图片描述

GitLab设置webhook

​ 要想Jenkins配置的自动化部署任务顺利执行，还需要对要进行自动化部署的项目配置webhook
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
最后，配置好Jenkins后，当在gitLab的指定项目下的指定分支有push动作时，Jenkins就会在指定服务器进行自动化部署，也就是CI/CD流程。