Jenkins部署前端项目

安装配置Jenkins插件

需要用到的插件有

Git

NodeJs

Publish over ssh

在Jenkins系统管理->插件管理中搜索下载安装之后对他们进行配置

Git插件配置

• 这个插件是为了让Jenkins可以使用git命令去远程仓库拉取代码

• 在Jenkins系统管理->全局工具配置中找到Git的配置项,指定Git命令所在目录,如下图:

NodeJS插件配置

• 这个插件是为了让Jenkins可以使用node命令和npm命令,是前端项目构建所必须的

• 在Jenkins系统管理->全局工具配置中找到Nodejs的配置项,公网环境下配置比较简单,勾选自动下载即可,如下图:

Publish over ssh插件配置

这个插件是为了让Jenkins可以发送远程shell命令在应用服务器执行,可以将打包之后的文件传输到远程服务器

在Jenkins系统管理->系统配置中找到Publish over SSH的配置项,如下图:

创建以及配置自动化构建项目

1.新建任务

创建一个自由风格的项目

2.源码管理

配置源码仓库地址，选择自己的git凭证

3.构建环境

选择自己安装的nodejs版本

4.构建-编译打包

npm install --regitry=https://registry.npm.taobao.org/

npm run build:stage

rm -rf dist.tar.gz

tar -zcf dist.tar.gz dist

5.构建后操作-上传解压

cd /usr/local/gycloud/gycloud-ui #切换到目标路径

mv dist dist_bak`(date +%Y%m%d)` #创建备份

tar -zxvf dist.tar.gz #解压文件