当前位置: 首页 > news >正文

使用Jenkins部署前端Vue项目和后端Java服务

Jenkins安装相关插件,供后续使用(Dashboard - Manage Jenkins - Plugins)

Maven Integration plugin  icon-default.png?t=N7T8https://plugins.jenkins.io/maven-plugin

CloudBees Docker Build and Publish pluginicon-default.png?t=N7T8https://plugins.jenkins.io/docker-build-publishNodeJS Pluginicon-default.png?t=N7T8https://plugins.jenkins.io/nodejs

配置内置的工具及其版本 (Dashboard - Manage Jenkins - Tools)​​​​​

比如 Maven JDK Git NodeJS Docker等

添加凭据,如SSH Private Key 用于拉取远程代码(Dashboard - Manage Jenkins - Credentials)​​​​​

一、基础版本

(1)Java项目

# Build# Root POM
pom.xml# Goals and options
clean package -U -Dmaven.test.skip=true

Post Steps - Execute shell 

#!/bin/bash
source /etc/profileAppHome=/app/api/
AppName=api.jar
LogPath=logs/sys-info.logecho "应用程序 $AppName 执行停止"PID=""
query(){PID=`ps -ef | grep java | grep $AppName | grep -v grep | awk '{print $2}'`
}query
if [ x"$PID" != x"" ]; thenkill -TERM $PIDwhile [ x"$PID" != x"" ]doecho "应用程序 $AppName (pid:$PID) 正在停止"sleep 1querydoneecho "应用程序 $AppName 停止成功"
elseecho "应用程序 $AppName 已经停止"
fisleep 1echo "应用程序 $AppName [test] 执行启动"if [ ! -d $AppHome ]; thenecho "创建目录 $AppHome"mkdir $AppHome
fiif [ ! -d ${AppHome}logs ]; thenecho "创建目录 ${AppHome}logs"mkdir ${AppHome}logsecho "创建文件 $AppHome$LogPath"touch $AppHome$LogPath
fimv $WORKSPACE/target/*.jar $AppHome$AppNameecho "正在启动"
if [ -f $AppHome$AppName ]; then BUILD_ID=KeepAlivenohup java -jar $AppHome$AppName --spring.profiles.active=prod --server.port=$port > /dev/null 2>&1 &sleep 5tail -50 $AppHome$LogPathsleep 5tail -50 $AppHome$LogPathsleep 5tail -50 $AppHome$LogPath
elseecho "应用程序 $AppName 启动失败:文件不存在"
fi

(2)Vue项目

Post Steps - Execute shell  

#!/bin/bash
source /etc/profileAppHome=/app/ui/echo "开始重新打包"
npm installecho "清理工作区缓存"
rm -rf $WORKSPACE/dist/*echo "开始打包:prod"
npm run build:prodecho "删除上次复制的文件"
rm -rf $AppHomeif [ ! -d $AppHome ]; thenecho "创建目录 $AppHome"mkdir $AppHome
fiecho "开始重新复制"
cp -rf $WORKSPACE/dist/* $AppHome echo "部署成功"

 二、使用Docker + Pipline

Dockerfile参考上文。

(1)Java项目

流水线 Pipeline script

pipeline {agent anyenvironment {// 在 Jenkins 全局工具配置中定义的插件安装的名称MAVEN_HOME = tool 'maven3.8.7'PATH="${MAVEN_HOME}/bin:${env.PATH}"GIT_SSH_COMMAND = 'ssh -i /var/lib/jenkins/.ssh/id_rsa'}stages {stage('MAVEN Versions') {steps {echo 'MAVEN version:'sh 'mvn -v'}}stage('Clone Repository') {steps {script {// 使用指定的私钥克隆仓库并切换到分支checkout([$class: 'GitSCM', branches: [[name: 'pc']], userRemoteConfigs: [[credentialsId: 'f2564736-xxxx-xx-xx', url: 'git@xxxxxx.git']]])}}}stage('Build War') {steps {sh 'mvn clean package -U -Dmaven.test.skip=true'}}stage('Docker Build and Deploy') {steps {script {def imageName = 'api'def ctName = 'api-ct'// Stop and remove the previous containersh "docker stop ${ctName} || true"sh "docker rm ${ctName} || true"sh "docker rmi ${imageName} || true"// Build Docker imagesh "docker build -f Dockerfile -t ${imageName} ."// Start a new containersh "docker run --restart always -d -p 9008:9008 -e ACTIVE_PROFILE='pc' -e SERVICE_PORT='9008' --name $ctName --ulimit nofile=1024 --network host $imageName"}}}    }post {success {echo 'Deployment successful!'}failure {echo 'Deployment failed!'}}
}

(2)Vue项目

流水线 Pipeline script

pipeline {agent anyenvironment {// 在 Jenkins 全局工具配置中定义的 Node.js 安装的名称NODEJS_HOME = tool 'node16.3.0'PATH="${NODEJS_HOME}/bin:${env.PATH}"GIT_SSH_COMMAND = 'ssh -i /var/lib/jenkins/.ssh/id_rsa'}stages {stage('Set npm Registry') {steps {script {sh 'npm config set registry https://registry.npmmirror.com'sh 'npm config get registry'}}}stage('Node and NPM Versions') {steps {echo 'Node version:'sh 'node -v'echo 'NPM version:'sh 'npm -v'}}stage('Clone Repository') {steps {script {// 使用指定的私钥克隆仓库并切换到 pc 分支checkout([$class: 'GitSCM', branches: [[name: 'pc']], userRemoteConfigs: [[credentialsId: 'f2564736-xx-x-xx-xxx', url: 'git@xxxxx.git']]])}}}stage('Install Dependencies') {steps {sh 'npm install --verbose --legacy-peer-deps'}}stage('Build') {steps {sh 'npm run build:hylt-pc'}}stage('Docker Build and Deploy') {steps {script {def imageName = 'ui'def ctName = 'ui-ct'// Stop and remove the previous containersh "docker stop ${ctName} || true"sh "docker rm ${ctName} || true"sh "docker rmi ${imageName} || true"// Build Docker imagesh "docker build -f Dockerfile -t ${imageName} ."// Start a new containersh "docker run --restart always -d -p 1908:1908 --name ${ctName} --network host ${imageName}"}}}    }post {success {echo 'Deployment successful!'}failure {echo 'Deployment failed!'}}
}

注意此处使用的jenkins内置的nodejs和npm,Vue项目在部署过程中使用到了项目根目录下的Dockerfile和nginx.conf两个文件

 

http://www.lryc.cn/news/307946.html

相关文章:

  • 刷题——显示屏
  • WEB服务器-Tomcat(黑马学习笔记)
  • 第五节:Vben Admin权限-前端控制方式
  • 蓝桥杯备赛第二篇(背包问题)
  • 【postgresql 基础入门】带过滤条件的查询,where子句中的操作符介绍,案例展示,索引失效的大坑就在这里
  • vue项目打包获取git commit信息并输出到打包后的指定文件夹中
  • vue 移动端app预览和保存pdf踩坑
  • Vueuse:打造高效的 Vue.js 开发利器
  • mysql锁的创建方式
  • 5.WEB渗透测试-前置基础知识-常用的dos命令
  • 解决:code ERESOLVE:ERESOLVE could not resolve 的报错问题
  • Dockerfile(3) - WORKDIR 指令详解
  • 2024万元投影仪怎么选?极米RS10 Ultra和当贝X5 Ultra实测横评
  • java环境搭建
  • 【GB28181】wvp-GB28181-pro快速修改登录页面名称(前端)
  • 【lv15 day1 设备号申请和注销】
  • JVM对象创建与内存分配机制
  • 《TCP/IP详解 卷一》第10章 UDP和IP分片
  • Android进阶之路 - RecyclerView停止滑动后Item自动居中(SnapHelper辅助类)
  • 高性能图表组件LightningChart .NET v11.0发布——增强DPI感知能力
  • 神经网络系列---计算图基本原理
  • 3D数字孪生
  • C++惯用法之空基类优化
  • 【生成式AI】ChatGPT 原理解析(2/3)- 预训练 Pre-train
  • Day03:Web架构OSS存储负载均衡CDN加速反向代理WAF防护
  • C++多线程同步(上)
  • 猜猜心里数字(个人学习笔记黑马学习)
  • 实用Pycharm插件
  • 数据结构试题练习
  • s-table和columns初始化不完整,造成table文件的filter报错