jenkins+gulp+maven实现前后端一键打包+部署

今天药忘吃喽~ 2022-01-26 09:13 644阅读 0赞

需求：前后端在一个应用包，前端基于node、使用gulp打包，后端使用maven打包；配置jenkins实现一键从svn拉取代码、打前端、封装后端、部署。

1、jenkins配置

jenkins的安装、配置，网上有很多相关指导，也不是本文的重点，飘过。

因为前端包部分需要在jenkins工作空间里面处理，所以我是使用linux主机自建jenkins环境，docker部署的jenkins不好处理，反正我之前是没在docker环境里处理好。

在jenkins“系统管理”-“系统设置”-“SSH Servers”里面增加两个server，一个是jenkins主机、一个是应用部署的主机，配置好账号、密码；

代码管理基于svn，配置好svn拉取最新源代码就好（url后面加@HEAD）。

勾选“Delete workspace before build starts”，彻底清理工作空间。

前端包处理脚本：

项目“构建环境”-“Send files or execute commands over SSH before the build starts”

选择jenkins主机，“Exec command”配置sudo sh /root/gulp.sh

上传jar包及部署脚本：

项目“构建环境”-“Send files or execute commands over SSH after the build runs”

选择应用部署主机，“Source files”配置xxxxproject/target/xxxx.jar

"Exec command"配置sh /xxxx/jenkins\_auto\_update.sh

2、前端包处理

1）node及npm的安装

参考：[https://blog.csdn.net/qq\_40809549/article/details/80434176][https_blog.csdn.net_qq_40809549_article_details_80434176]

2）、安装gulp

安装gulp时，如果项目的package.json配置不好会安装报错，采取如下方式安装：

npm install cnpm -g --registry=[https://registry.npm.taobao.org][https_registry.npm.taobao.org]

cnpm --version

全局安装gulp：

cnpm install -g gulp

gulp --version

3）、配置node\_modules路径及补充安装node模块

vi /etc/profile 加入

NODE\_PATH=/usr/local/node/lib/node\_modules

export NODE\_PATH

source /etc/profile

4）、编译项目

在项目目录下执行

gulp project\_test\_generate \#project\_test\_generate为gulpfile.js里定义的task

可能报错部分模块不存在，缺什么装什么

node模块安装(在node目录下执行)

npm install -g gulp-watch

npm install -g gulp-concat

npm install -g gulp-tmod

npm install -g gulp-plumber

npm install -g gulp-jshint

npm install -g jshint

npm install -g gulp-uglify

npm install -g gulp-clean-css

npm install -g gulp-rename

.........

5）编写上述jenkins配置中用到的前端包处理脚本gulp.sh

\#!/bin/bash

source /etc/profile

cd /var/lib/jenkins/workspace/project/

gulp project\_test\_generate

chown -R jenkins:jenkins /var/lib/jenkins/workspace/project/

安全起见，我不能用root用户去配置jenkins，而且linux主机上的jenkins用户本身也不具备登陆条件；于是新建了一个应用用户ooxx，为ooxx配置了sudo权限，可以执行sudo sh /root/gulp.sh

sudo的配置参考：[https://blog.csdn.net/qq\_40809549/article/details/83268811][https_blog.csdn.net_qq_40809549_article_details_83268811]

如此，前端包的处理就ok了。

3、编写上述jenkins配置中用到的部署处理脚本jenkins\_auto\_update.sh

cat jenkins\_auto\_update.sh

\#!/bin/sh

cd /xxxx/project

\#\#jenkins上传文件的时候是连着项目目录一起上传的

cp ./ooxx-project-test/target/ooxx-project-test-1.0.0-SNAPSHOT.jar ./

ps -ef |grep jar|grep project|awk '\{print $2\}' |xargs kill -9

nohup java -jar ooxx-project-test-1.0.0-SNAPSHOT.jar 1>project.log 2>1 &

ok，如果各个环节没有掉链子的话，你就可以点击“立即构建”了！

[https_blog.csdn.net_qq_40809549_article_details_80434176]: https://blog.csdn.net/qq_40809549/article/details/80434176
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[https_blog.csdn.net_qq_40809549_article_details_83268811]: https://blog.csdn.net/qq_40809549/article/details/83268811