Jenkins流水线发布实战：React+SpringBoot全栈部署

📝 本文基于作者实际部署经验，已在生产环境成功搭建 Jenkins 流水线，实现 React+SpringBoot 项目自动化发布。

这次搭建的项目比较常规，前端是react写的，后端是springboot，并且由于是全栈开发，所以是在同一个项目中。接下来我演示下怎么用jenkins进行自动化发布。

1.jenkins必装插件#

这里用到的是jenkinsFile主要是基于Groovy这个沙盒，有些前置插件。这里使用maven进行打包，所以需要Maven Integration plugin和Pipeline Maven Integration Plugin。Pip这个是由于后面的语法withMaven要用。 NodeJs打包前端要用到NodeJS Plugin和Pipeline: Nodes and Processes。 jenkins是部署在运维机，所以要对远端的服务器进行发布，要用到SSH Agent Plugin。

所以总共要用到这些插件：Maven Integration plugin、Pipeline Maven Integration Plugin、NodeJS Plugin、Pipeline: Nodes and Processes、SSH Agent Plugin。

2.配置工具#

这里有两种方式，一种是自动安装，一种就是用你本地的配置，其实两种都没差。用本地的话，就是多配置一下目录。这里要注意的是，如果你是docker部署的jenkins并且需要给jenkins做读写权限，要给目录授权下，代码如下：

1
#jenkins默认就是1000:1000
2
chown -R 1000:1000 /opt/apache-maven-3.6.3/

其他的就简单截图。

3.配置令牌#

你拉代码会涉及到git的账号密码，你发送远端服务器会涉及到服务器的密钥，这边点进去根据自己需要配置就好。

4.创建项目#

创建很简单，主要就是看你jenkinsFile怎么写，我这里会提供简单参考。这里有个踩坑，EOF换行之后前面一定不能有空格。

1
//git仓库配置
2
def coding = [:]
3
coding.GIT_REPO_URL="xxx"
4
coding.CREDENTIALS_ID="xxx"
5
coding.GIT_BUILD_REF="xxx"
6

7
//远端服务器配置
8
def serverConfig = [:]
9
serverConfig.credentialsId="xxx"
10
serverConfig.ip = "xx"
11
serverConfig.username = "root"
12
serverConfig.port = 22
13

14
//项目名称
15
ADMIN_PROJECT_NAME="xxx-admin-server-0.0.1-SNAPSHOT"
16
MOBILE_PROJECT_NAME="xxx-weixin-server-0.0.1-SNAPSHOT"
17

18
pipeline {
19
    agent any
20

21
    tools {
22
        nodejs "NodeJS-20.15.0"
23
        maven "maven-3.6.3"
24
    }
25

26
    stages {
27
        stage('测试打包工具') {
28
            steps {
29
                sh 'node -v'
30
                withMaven(maven: 'maven-3.6.3') {
31
                    sh 'mvn -v'
32
                }
33
            }
34
        }
35

36
        stage("检出") {
37
            steps {
38
                checkout([
39
                    $class: 'GitSCM',
40
                    branches: [[name: coding.GIT_BUILD_REF]],
41
                    userRemoteConfigs: [[url: coding.GIT_REPO_URL, credentialsId: coding.CREDENTIALS_ID]]
42
                ])
43
            }
44
        }
45

46

47
        stage('common打包') {
48
            steps {
49
                dir('xxx-common-module') {
50
                    withMaven(maven: 'maven-3.6.3') {
51
                        sh 'mvn clean install'
52
                    }
53
                    sh 'cp target/xxx-common-module-1.0.jar /opt/apache-maven-3.6.3/lib'
54
                }
55
            }
56
        }
57

58
        stage('管理端打包') {
59
            steps {
60
                //编译前端
61
                dir('xxx-admin-server/front') {
62
                    sh 'npm install'
63
                    sh 'npm run build'
64
                }
65
                //移动dist
66
                sh 'rm -rf xxx-admin-server/src/main/resources/static/assets'
67
                sh 'mv xxx-admin-server/front/dist/assets xxx-admin-server/src/main/resources/static/assets'
68
                sh 'rm xxx-admin-server/src/main/resources/static/index.html'
69
                sh 'mv xxx-admin-server/front/dist/index.html xxx-admin-server/src/main/resources/static/index.html'
70
                //打包管理端项目
71
                dir('xxx-admin-server') {
72
                    withMaven(maven: 'maven-3.6.3') {
73
                        sh 'mvn clean package'
74
                    }
75
                }
76
            }
77
        }
78

79
        stage('手机端打包') {
80
            steps {
81
                //编译前端
82
                dir('xxx-weixin-server/front') {
83
                    sh 'npm install'
84
                    sh 'npm run build'
85
                }
86
                //移动dist
87
                sh 'rm -rf xxx-weixin-server/src/main/resources/static/assets'
88
                sh 'mv xxx-weixin-server/front/dist/assets xxx-weixin-server/src/main/resources/static/assets'
89
                sh 'rm xxx-weixin-server/src/main/resources/static/index.html'
90
                sh 'mv xxx-weixin-server/front/dist/index.html xxx-weixin-server/src/main/resources/static/index.html'
91
                //打包手机端项目
92
                dir('xxx-weixin-server') {
93
                    withMaven(maven: 'maven-3.6.3') {
94
                        sh 'mvn clean package'
95
                    }
96
                }
97
            }
98
        }
99

100
         stage('部署') {
101
            steps {
102
                echo '发布中...'
103
                sshagent([serverConfig.credentialsId]){
104
                  // 先使用scp命令将文件复制到远程服务器
105
                    sh """
106
                    scp -o StrictHostKeyChecking=no -P ${serverConfig.port} xxx-admin-server/target/${ADMIN_PROJECT_NAME}.jar ${serverConfig.username}@${serverConfig.ip}:/www/admin/
107
                    echo "管理端发送成功"
108
                    """
109
          // 然后使用ssh命令在远程服务器上执行脚本
110
                    sh """
111
                    ssh -o StrictHostKeyChecking=no ${serverConfig.username}@${serverConfig.ip} -p ${serverConfig.port} << 'EOF'
112
                        echo "测试服务器连接成功"
113
                        /www/restartAdminProject.sh
114
                        echo "管理端移动完成"
115
EOF
116
                    """
117
                }
118
                echo '发布完成.'
119
            }
120
        }
121
    }
122
}

1
#!/bin/bash
2

3
# Admin 项目名称和路径
4
ADMIN_PROJECT_NAME="xxx-admin-server-0.0.1-SNAPSHOT"
5
ADMIN_PROJECT_PATH="/www/admin"
6

7
# Java 环境路径和启动参数
8
JAVA_HOME="/www/server/java/jdk1.8.0_371/bin/java"
9
JAVA_OPTIONS="-Xmx1024M -Xms256M"
10
JAVA_APP_OPTIONS="--server.port=9099 --spring.config.location=/www/admin/application-test.yml"
11

12
# 停止旧版本服务
13
pkill -f ${ADMIN_PROJECT_NAME}.jar || true
14

15
#备份旧版本
16
cp /www/admin/${ADMIN_PROJECT_NAME}.jar /www/admin/old-${ADMIN_PROJECT_NAME}.jar
17

18
# 移动 JAR 文件到 /www/SmartCommunity/admin，并替换旧版本
19
mv /www/adminxxx/${ADMIN_PROJECT_NAME}.jar /www/admin/${ADMIN_PROJECT_NAME}.jar
20

21
# 启动新版本服务
22
$JAVA_HOME $JAVA_OPTIONS -jar $ADMIN_PROJECT_PATH/${ADMIN_PROJECT_NAME}.jar $JAVA_APP_OPTIONS &

1.jenkins必装插件#

2.配置工具#

3.配置令牌#

4.创建项目#

相关推荐#

文章分享

文章目录