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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37035946/article/details/87938659

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

事先工作:

1.安装nodejs  Plugin

搜索  nodejs

 

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

 

新建任务

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

2.配置源码

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

3.配置构建触发器

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

4.配置NodeJs环境

5.配置构建

增加构建步骤选择Execute shell

 

说明一下:

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

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

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

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

5.配置构建后操作

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

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

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

否则会提示权限不足。

 

PHP版等不需要编译的项目

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

猜你喜欢

转载自blog.csdn.net/qq_37035946/article/details/87938659