jenkins前后端部署配置

最新推荐文章于 2024-11-25 13:51:46 发布
最新推荐文章于 2024-11-25 13:51:46 发布
阅读量340 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/linbyte/article/details/106274318
本文详细介绍了前端Vue项目和后端项目的部署流程，包括前端文件的SSH操作、服务器上旧文件的清理、前端项目的构建与打包，以及后端项目的端口管理、服务器上的项目更新和jar包的运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • 前端(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包

 

linbyte
关注
Jenkins部署前后端分离项目最全图文教程（手把手教学）
黄团团的个人博客
07-20 4105
最近Jenkins部署的热度比较高，于是就想出一篇关于我是如何使用Jenkins部署前后端分离项目的，本篇记录了我是如何一步一步去配置、搭建和部署的完整流程，每一行代码都进行了实测和讲解，通过图文的教学写成博客分享给大家！
Centos7 安装Jenkins及部署前后端应用到服务器
诺浅的专栏
03-19 3262
一、安装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自动部署后端项目
tuxuyuan的博客
11-27 2519
一、新增服务器 1.系统管理------>系统设置 2.新增需要测试的服务器 二、新建项目 新建任务 2.点击‘确认’ #!/bin/bash export BUILD_ID=dontkillme #必须加 port=8079 echo "tomcat port is:" $port TOMCATTHREAD=`netstat -tlnp|grep $port | awk '{print $7}'|uniq` if test -z "$TOMCATTHR.
jenkins自动打包部署项目
weixin_34049948的博客
03-06 1021
小~虎   jenkins自动打包部署项目 首先去jenkins的官网下载安装包 https://jenkins.io/   个人下载是长期稳定的那个版本，下载后，得到一个.msi的安装包： 点击进行安装，然后一直点击下一步。 jenkins会自动占用8080端口，如果这个端口不希望被jenkins占用，可以去文件夹里的这个文件进行修改： 修改后，需要去服务里面进行jenki...
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins（三）后端自动化部署
qq_29039705的博客
07-31 851
General 一、项目名称：any-project-name 二、参数化构建过程 1、String Parameter ①、 名字: PROJECT_POM 默认值: pom.xml ②、 名字: deploy_path 默认值: /your-project-web/target/ ③、 名字: jar_name 默认值: your-project.jar ④、 名字...
通过Jenkins自动化部署简单的前后端项目
Rakers1024的博客
11-28 629
看公司成员，每次都为消耗不少时间，工作效率低，就想着提高工作效率，所以就尝试搭建 jenkins 前后端自动化部署项目。最后搭建完成也是非常开心。因为这效率提高不止一点。下面介绍搭建方式（spring boot 后台和 vite 前端）
Jenkins + Gitlab 实现自动部署Java后端项目（前后端分离），零基础教程（Windows）
weixin_51304589的博客
11-25 1317
如果失败可以点击构建控制台查看失败原因，这块的问题各种各样，需要自己研究了，我这块是应为打包的时候依赖问题，就不给大家演示了，如果成功，可以启动一下前端项目访问一下这个后端是否可行；我这的采用的是打包完成之后将文件拷贝到 nginx 中，然后重启nginx服务，如果想直接运行拉取完之后的代码，更改命令即可，这里我就不列举出来了，大家自己研究一下了；注意：配置文件中的路径以及项目名称需要更改为自己的，nginx配置可以使用默认的，也就是路径中的 MASTER 更改为 heml 就可以了；
jenkins+docker实现前后端项目的自动化构建和容器部署
solo的博客
05-14 701
使用容器方式安装的 Jenkins，容器内已经默认安装好 JDK ，进入容器查看jdk版本。也可在登录Jenkins后在插件的高级设置里配置镜像加速，如下图所示。退出Blue Ocean，打开流水线项目，扫描多分支流水线。将 JDK 安装的路径配置到 Jenkins 全局配置中。访问web页面（http://IP:端口）输入初始密码。3、安装Pipeline Utility Steps。修改maven配置文件。1、安装maven插件。搜索Nodejs，安装。安装插件，推荐的即可。4、安装Nodejs。
Docker结合Jenkins部署vue项目
01-20
Docker结合Jenkins部署vue项目 接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里安装过程不再赘述，如果不清楚可以参考下面这篇文章 https://blog.youkuaiyun.com/qq_42815754/article/details/82980326 配置Jenkins 具体填Jenkins配置可以参考我的上一篇文章，这里需要安装一个额外的插件 dockerfile 在前端项目的根目录下添加dockerfile文件，内容如下： #
【服务器部署篇】Jenkins配置后端工程自动化部署
分享是一种境界，勤于分享，乐于分享！
04-26 2214
本文介绍如何通过Jenkins配置后端工程进行自动化部署。这里以若依Spring-cloud后端工程为示例，介绍如何通过Jenkins配置若依Spring-cloud后端工程，实现自动化发布部署到服务器上。首先，梳理一下，我们要实现的自动化发布部署的流程如下：1）首先，使用git从远程代码仓库中拉取最新的代码；2）之后，使用jdk、maven对代码进行编译打包；3）之后，根据定义的dockfile文件，生成对应的docker镜像；4）之后，把docker镜像推送到harbor远程镜像仓库中；
Jenkins部署前后端项目
qq_37783261的博客
11-01 629
1.使用Jenkins部署前端项目—react 登录Jenkins，构建一个自由风格的软件项目 在General中填入相应的构建参数 在源码管理中输入相应Git地址、用户名/密码、和相应分支 在Jenkins系统设置中找到Publish Over Server模块 在SSH Server配置远程登录方式 在刚才构建的自由式风格的项目中的构建后操作进行配置 保存后，点击立即构建 运行成...
Jenkins部署前后端分离项目经验
lvye1221的专栏
05-20 2412
本经验是建立在 linux 操作系统下的成功部署经验。 Jenkins 启动 下载安装包 wget -c http://mirrors.jenkins.io/war-stable/latest/jenkins.war 启动脚本 start.sh #!/bin/bash export JENKINS_HOME=/path/jenkins/.jenkins cd /path/jenkins echo "running jenkins server ...." nohup java -Dhudson.uti
jenkins 配置工作目录
ck3207的博客
11-26 8764
最近多个项目都要用jenkins，部署在同一台服务器上。由于各项目间有冲突，需要调整每个项目的jenkins工作目录。 1、在tomcat目录下的 conf目录，新建一个jenkins.xml 配置文件，配置JENKINS_HOME <Context docBase="/usr/local/xxx/apache-tomcat-9.0.4/webapps/jenkins.war"> &amp
jenkins自动打包并发布到测试环境
weixin_30443813的博客
03-30 722
一 步骤 maven中加入cargo插件 Tomcat中增加相应管理员用户 在POM中加入cargo参数配置，配置tomcat相关信息、部署的包名、部署路径 jenkins配置job信息，源码管理、构建触发器、构建动作-执行的maven命令 jenkins配置job信息，构建后动作-自动发布插件配置，该中间件信息为测试环境相关 二 说明 maven中加入cargo插件 ...
jenkins 前后端项目部署流程（测试篇）
qq_29073117的博客
03-25 3589
文章目录前言一、linux 安装nginx1、检查是否已经安装nginx2、安装nginx二、部署前端代码1、使用jenkins创建前端流水线2、配置流水线3、使用jenkins部署后端三、修改nginx配置1、配置nginx总结 前言 这是一篇关于使用jenkins部署前后端项目的文章，基础环境是：一台安装了java环境的linux 服务器、jenkins部署软件，一套前后端部署代码。从nginx安装，到前端部署，到后端部署，到项目正常运行。主要是写给测试同学来看。 让我们开始部署流程吧 一、linu
jenkins配置文件目录
热门推荐
lqbz的总结
01-16 1万+
jenkins配置默认会存放在用户主目录下的.jenkins文件夹中，如test用户[root@iZ232zv25vtZ ~]# cd /home/test/.jenkins
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 ``` ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值