Jenkins实现前端项目自动化集成打包部署(html)

明白jenkins执行原理和步骤，理解起来就简单了。前面我已经写过不需要编译的PHP代码的项目创建，这里写一下我自动编译打包前端html代码的项目创建。

事先工作：

1.安装nodejs  Plugin

搜索  nodejs

 

建议选择不是很新的但也不要太旧的NodeJs版本

 

新建任务

1.点击新建，输入名称，选择自由风格的项目

2.配置源码

选择Git，并填上gitlab项目克隆地址，用户密钥以及分支

3.配置构建触发器

勾选Poll SCM即可，其他可忽略，默认提交代码到相应的分支触发该任务（或者选择使用仓库的webhooks触发）

4.配置NodeJs环境

5.配置构建

增加构建步骤选择Execute shell

 

说明一下：

--delete-excluded 是delete即使你已经 --excluded=filedir 的文件 ，所以其实 --delete  更合理

①、此条rsync命令是jenkins服务器和项目目录服务器是同一个，如果不是同一个就需要添加Ip等属性，参见：rsync传输文件

②、有些文章选择的是Publish over SSH插件，其实也可以吧，我选择命令的话会更方便，那我如果选择FTP插件也是可以实现的。还有一点，我看有些文章（如下）罗列的资源文件写的是/** ，那和/* 有什么区别呢？/**/、/*传送门

/* 是拦截所有的文件夹，不包含子文件夹
/** 是拦截所有的文件夹及里面的子文件夹

是不是这样还需要测试一下，百度了也没什么资料，也许Linux对此没有区分也不一定

5.配置构建后操作

可以配置邮箱通知构建结果

 

如果服务器里没有编译的目录需要手动创建或者在shell命令里添加mkdir  dirname，

然后将新建的目录权限从root更改为jenkins，命令：chown -R jenkins:jenkins filename ，

否则会提示权限不足。

 

PHP版等不需要编译的项目

省去第四步的配置环境和第五步编译的build即可，参见另一篇文章。Here 点击