jenkins前后端部署配置

最新推荐文章于 2025-06-20 17:27:09 发布

原创最新推荐文章于 2025-06-20 17:27:09 发布 · 477 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ssh #服务器

本文详细介绍了如何使用Jenkins进行前后端项目的自动化部署，包括前端Vue项目的配置，通过SSH删除旧文件并打包上传，以及后端项目的配置，如清空服务器端口，Maven打包并SSH传输运行jar包。

一、前端(vue)项目配置

填写代码的svn+@HEAD

SSH操作，删除服务器之前打包的前端文件

bat命令如下

@echo off

echo 删除目录

set base=F:\project_run\

set run=%1%

rd /s /Q %base%%run%

exit

构建，前端打包

打包的文件SSH到服务器的目录下

二、后端项目配置

填写代码的svn+@HEAD

打包前干掉服务器的端口

bat文件如下

@echo off

set port=%1%

echo 关闭的端口为:%port%

for /f "tokens=1-5" %%i in ('netstat -ano^|findstr ":%port%"') do ( taskkill /pid %%m /F )

exit

pom.xml maven打包项目

把打包的项目目录下的jar包SSH到服务器的项目目录。然后运行jar包

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

linbyte

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Jenkins部署前后端分离项目最全图文教程（手把手教学）

黄团团的个人博客

07-20

4468

最近Jenkins部署的热度比较高，于是就想出一篇关于我是如何使用Jenkins部署前后端分离项目的，本篇记录了我是如何一步一步去配置、搭建和部署的完整流程，每一行代码都进行了实测和讲解，通过图文的教学写成博客分享给大家！

Centos7 安装Jenkins及部署前后端应用到服务器

诺浅的专栏

03-19

3391

一、安装Jenkins # 1、下载镜像仓库jenkins.repo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo --no-check-certificate # 2、下载jenkins.io.key rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key # 3、yum下载安装依赖和jenkins

参与评论您还未登录，请先登录后发表或查看评论

实现自动化部署前端项目，从安装Jenkins到部署完成的整体配置 --适合初学Jenkins、想实现或者学习自动化部署的同学，知识点比较全面，过程写的清晰

m0_60622481的博客

02-10

4139

jenkins前后端部署

zhaomengxia123的博客

07-30

911

Jenkins后端部署流程描述首先在Jenkins服务上定义一个工作空间的路径，选择目标程序的源码url路径，构建环境加构建过程中需要执行的命令。构建完成后拷贝Jar包至部署目标服务器，然后在部署目标服务器上执行运行应用程序的命令文件。如下是具体操作步骤： 1新建 2.输入项目名称，选择“构建一个自由风格的软件项目”，最后点击OK 3.General配置后台部署...

Jenkins 配置项目前后端工程

喵小狸的博客

12-07

2502

Jenkins配置后端与前端服务，一键发布正式环境，并后期优化后端服务构建Docker镜像，jenkins一键发布后端Docker镜像

手把手教你 jenkins 部署前后端分离项目

qq_35028029的博客

04-01

1173

解决方案：重新再执行一次，或者在配置的shell脚本中加上 npm cache clean --force 执行，执行完了就删除（这完全是前端解决方案，问问前端就知道）没有对应目录，查看之后发现目录存在，这里需要将目录挂载到jenkins配置文件。一个是挂载到时候重启nginx的配置文件，一个是挂载docker-compose。解决方案：在jenkins docker-compose文件中加入这么一段。解决方案：在jenkins docker-compose文件中加入这么一段。

通过Jenkins自动化部署简单的前后端项目

Rakers1024的博客

11-28

667

看公司成员，每次都为消耗不少时间，工作效率低，就想着提高工作效率，所以就尝试搭建 jenkins 前后端自动化部署项目。最后搭建完成也是非常开心。因为这效率提高不止一点。下面介绍搭建方式（spring boot 后台和 vite 前端）

Jenkins + Gitlab 实现自动部署Java后端项目（前后端分离），零基础教程（Windows）

weixin_51304589的博客

11-25

1464

如果失败可以点击构建控制台查看失败原因，这块的问题各种各样，需要自己研究了，我这块是应为打包的时候依赖问题，就不给大家演示了，如果成功，可以启动一下前端项目访问一下这个后端是否可行；我这的采用的是打包完成之后将文件拷贝到 nginx 中，然后重启nginx服务，如果想直接运行拉取完之后的代码，更改命令即可，这里我就不列举出来了，大家自己研究一下了；注意：配置文件中的路径以及项目名称需要更改为自己的，nginx配置可以使用默认的，也就是路径中的 MASTER 更改为 heml 就可以了；

【Jenkins】Docker搭建Jenkins并部署前后端分离项目SpringBoot+Vue

最新发布

奋斗者

06-20

383

基于 Docker 搭建 Jenkins 持续集成环境，结合 Shell 脚本实现前端 Vue 与后端 Spring Boot 项目的自动化构建、备份、部署及日志管理，支持多版本备份、远程宿主机部署，适用于前后端分离项目的一体化自动交付流程。

jenkins自动部署vue前端项目

08-15

jenkins自动打包vue前后端分离项目，部署到远程服务器

jenkins部署.doc

05-23

出于效率和安全性等考虑，一般会将搭建好的项目迁移至Linux上，所以需要按住安装CentOS系统或者ubuntu，可以先在虚拟机中练习下，如何安装jenkins，与大家分享下。

Jenkins部署前后端项目

qq_37783261的博客

11-01

654

1.使用Jenkins部署前端项目—react 登录Jenkins，构建一个自由风格的软件项目在General中填入相应的构建参数在源码管理中输入相应Git地址、用户名/密码、和相应分支在Jenkins系统设置中找到Publish Over Server模块在SSH Server配置远程登录方式在刚才构建的自由式风格的项目中的构建后操作进行配置保存后，点击立即构建运行成...

linux 环境下配置jenkins前端服务

myStyle的博客

08-19

2388

如果没有，需要安装插件。

【服务器部署】Jenkins配置前端工程自动化部署

分享是一种境界，勤于分享，乐于分享！

06-26

2374

本文介绍如何通过Jenkins配置前端工程进行自动化部署。这里以若依Spring-cloud项目中ruoyi-ui前端工程为示例，介绍如何通过Jenkins配置若依ruoyi-ui前端工程，实现自动化发布部署到服务器上。首先，梳理一下，我们要实现的自动化发布部署的流程如下：1）首先，使用git从远程代码仓库中拉取最新的代码；2）之后，使用node.js环境、npm包管理工具对代码进行编译打包；3）最后，把编译后的代码使用ansible运维工具同步到nginx服务器上。至此，自动化发布部署完成。

Jenkins部署后端服务

m0_37751431的博客

05-31

1084

docker-compose -f docker-compose.yml up -d - 启动服务，后面可以带名称指定如：Jenkins。ps：-f 指定文件。docker-compose up --detach --build jenkins - Jenkins服务重启。docker-compose restart jenkins - Jenkins服务重启。docker logs -f jenkins - 查看服务容器的输出日志。1、安装容器环境：docker和docker-compose。

Jenkins配置前端自动打包部署（若依项目）

weixin_45875259的博客

04-14

4682

前提说明：三台服务器： gitlab 一台 jenkins一台项目服务器。

jenkins自动化部署（前端）

qq_46751398的博客

10-13

3534

推送代码到仓库后，查看Jenkins是否有进行打包，有说明成功了。实现需要为服务器创建一个项目目录，目录位置随意，这里创建在根目录。如果项目为私有项目，需要添加一个用户，如果为账号密码，则输入。表示输出到某个文件夹并且命名为什么文件；端口，如果想配置在其它端口下，新增一个。的软件仓库包中的，所以需要连接。端口提供服务，所以需要加入到。配置即可，注意要开放端口号。中下载文件的一个工具，环境：成功配置后重启下。，所以需要先安装一下。下一个软件包管理器；

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

我可能是个Siri

02-28

1762

jenkins部署前后端分离项目

06-12

### 使用 Jenkins 部署前后端分离项目的解决方案在使用 Jenkins 部署前后端分离项目时，通常需要分别处理前端和后端的构建与部署流程。以下是一个完整的解决方案，结合了提供的引用内容和专业实践。 #### 1. 后端项目部署后端项目通常以 JAR 或 WAR 包的形式进行打包和部署。以下是具体步骤： - **下载并启动后端项目** 将后端项目的 WAR 或 JAR 包上传到服务器，并通过命令启动。例如： ```bash nohup java -jar jenkins.war > ../logs/jenkins.log 2>&1 & ``` 此命令将后台运行后端项目，并将日志输出到指定文件中[^2]。 - **Jenkins 配置后端项目** 在 Jenkins 中创建一个自由风格的项目，配置如下： - 输入 Git 地址并添加 Git 账户。 - 增加构建步骤，调用 Maven 目标（如 `clean package`）以生成 JAR 包。 - 如果需要，增加额外的构建步骤执行 Shell 脚本，用于停止旧服务并启动新服务。 - **Shell 脚本示例** 用于停止旧服务并启动新服务的脚本可以参考以下内容： ```bash # 停止旧服务 ps aux | grep vueblog-0.0.1-SNAPSHOT.jar | grep -v "grep" | awk '{print "kill -9 "$2}' | sh # 启动新服务 export BUILD_ID=dontKillMe nohup java -jar /path/to/vueblog-0.0.1-SNAPSHOT.jar > logTest.log 2>&1 & ``` 注意：`export BUILD_ID=dontKillMe` 是为了防止 Jenkins 杀死子进程[^3]。 #### 2. 前端项目部署前端项目通常基于 Vue、React 等框架，需要通过构建工具（如 npm 或 yarn）生成静态资源文件。以下是具体步骤： - **安装依赖环境** 确保服务器上已安装 Node.js 和相关构建工具（如 npm）。可以在 Jenkins 的全局工具配置中设置 Node.js 的路径。 - **Jenkins 配置前端项目** 创建一个新的自由风格项目，配置如下： - 输入 Git 地址并添加 Git 账户。 - 增加构建步骤，执行 npm 构建命令（如 `npm run build`）以生成静态资源文件。 - 增加额外的构建步骤，将生成的静态资源文件复制到目标路径（如 Nginx 的 html 目录）。 - **Shell 脚本示例** 用于前端项目构建和部署的脚本可以参考以下内容： ```bash cd /path/to/frontend npm install npm run build # 将生成的 dist 文件夹复制到 Nginx 的 html 目录 rsync -av --delete ./dist/ /usr/share/nginx/html/ # 重新加载 Nginx 配置 /usr/local/nginx/sbin/nginx -s reload ``` #### 3. 自动化流程整合为了实现一键部署，可以将前端和后端的 Jenkins 项目关联起来，通过以下方式实现： - 在后端项目的 Jenkins 配置中，添加“构建后操作”，触发前端项目的构建。 - 确保前后端项目的 Git 地址正确，并且构建步骤无误。 #### 4. 示例完整脚本以下是一个完整的前后端部署脚本示例： ```bash # 后端部署 echo "Stopping old backend service..." ps aux | grep vueblog-0.0.1-SNAPSHOT.jar | grep -v "grep" | awk '{print "kill -9 "$2}' | sh echo "Starting new backend service..." export BUILD_ID=dontKillMe nohup java -jar /path/to/vueblog-0.0.1-SNAPSHOT.jar > logTest.log 2>&1 & # 前端部署 echo "Building frontend project..." cd /path/to/frontend npm install npm run build echo "Copying frontend files to Nginx directory..." rsync -av --delete ./dist/ /usr/share/nginx/html/ echo "Reloading Nginx configuration..." /usr/local/nginx/sbin/nginx -s reload ``` ###