SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署

最新推荐文章于 2024-05-28 09:25:21 发布
最新推荐文章于 2024-05-28 09:25:21 发布
阅读量926 收藏 19
点赞数 21
分类专栏： 程序员 文章标签： java 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84006536/article/details/138741201
版权

面试准备+复习分享：

为了应付面试也刷了很多的面试题与资料，现在就分享给有需要的读者朋友，资料我只截取出来一部分哦

秋招｜美团java一面二面HR面面经，分享攒攒人品

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

实施步骤

一、修改配置文件地址

1.修改MySQL配置

修改MySQL地址，修改需要部署的数据名，账号和密码
在这里插入图片描述

2.修改Redis配置

修改Redis地址，修改需要部署的Redis密码（如果需要的话）
在这里插入图片描述

3.修改日志路径和字符集配置

修改logback.xml中日志的保存地址
在这里插入图片描述

重新设置日志字符集（防止放到服务器上去之后日志出现乱码）
在这里插入图片描述
在这里插入图片描述

二、将源码压缩并上传服务器

1.上传前端文件
  • 提前在本地将完整的源码文件，压缩成.zip格式
  • 在服务器上创建存放项目源码的文件夹（/workspace）
  • 通过xftp工具将打包好的前端项目源码上传到服务器对应文件夹下
  • 使用命令unzip ruoyi-ui.zip来解压项目源码
  • 使用命令rm -rf ruoyi-ui.zip删除原来的压缩文件
  • 使用命令cd ruoyi-ui/进入源码文件夹
2.上传后端文件（同上）

三、前端项目打包

1.安装依赖
  • 使用命令cd ruoyi-ui/进入源码文件夹
  • npm install --unsafe-perm --registry=https://registry.npm.taobao.org安装前端项目依赖（服务器必须安装node.js）
  • --unsafe-perm 防止权限问题
  • --registry=https://registry.npm.taobao.org 淘宝镜像源，国内速度更快
2.项目打包
  • 使用命令npm run build:prod
  • 打包完成后会生成一个dist目录（默认目录名为dist）
    在这里插入图片描述

四、后端项目打包

1.项目打包（jar包）
  • 使用命令mvn package（需要服务器安装maven环境）
  • 使用命令cd target/进入到目录就能看到打好的jar包（这里的jar包是ruoyi.jar）
  • 将jar包拷贝到上级目录，防止target目录清理导致jar包丢失
2.项目打包（war包）
  • 修改pom文件
    在这里插入图片描述
  • 排除掉自带的Tomcat，这样才能部署到外置的tomcat
    在这里插入图片描述
  • 新增一个启动类，指向原有的启动类
    在这里插入图片描述
  • 将修改后的两个文件上传到服务器（上传对应文件并替换即可）
  • 使用命令mvn clean清理目录
  • 使用命令mvn package打war包
  • 使用命令cd target在这个目录就找到了war包

五、部署前端项目

1.使用Nginx部署前端项目
  • 使用命令cd /usr/local/nginx/进入到nginx的目录
    在这里插入图片描述
  • 修改Nginx的配置文件（修改conf文件夹下的nginx.conf文件）
  • 将location位置的root后面跟的路径修改为前端项目打包后的文件地址
    在这里插入图片描述
  • 防止出现权限相关的问题，将文件开头的user修改为root
    在这里插入图片描述
  • 使用命令cd sbin/进入到对应目录
  • 使用命令./nginx启动nginx
  • 此时就可以在浏览器输入对应的ip地址访问前端了

六、部署后端项目

1.部署jar包方式
  • 在对应目录下使用命令nohup java -jar ruoyi.jar &后台运行后端项目
  • 此时的前端项目可能会依然报错404，这是因为前端和后端的地址没有关联起来
  • 重新在nginx.conf文件中配置代理
    在这里插入图片描述
  • 进入到nginx目录下重新加载一下nginx/usr/local/nginx/sbin/nginx -s reload
  • 此时重新访问前端项目，已经不会报错了
  • 恭喜你项目部署完成！
2.部署war包方式
  • ps -aux | grep java查看当前java进程
  • kill -9 进程号关掉进程
  • 定位到tomcat的文件夹下cd /usr/local/tomcat/
  • 将刚才打包好的war包放到webapps这个目录下
  • cd webapps/后执行命令cp /root/workspace/ruoyi/ruoyi.war ./将war包拷贝到当前目录下
  • 启动tomcatservice tomcat start
  • 此时会有一个问题，直接访问ip打开的是tomcat的主页，需要在原有的地址后加上/ruoyi才能访问到后端
  • 解决这个问题需要修改tomcat的配置，定位到tomcat文件夹下的conf目录中，找到server.xml
  • 新增一条配置信息，将原来的访问方式改为根目录访问
    在这里插入图片描述

Java核心架构进阶知识点

面试成功其实都是必然发生的事情，因为在此之前我做足了充分的准备工作，不单单是纯粹的刷题，更多的还会去刷一些Java核心架构进阶知识点，比如：JVM、高并发、多线程、缓存、Spring相关、分布式、微服务、RPC、网络、设计模式、MQ、Redis、MySQL、设计模式、负载均衡、算法、数据结构、kafka、ZK、集群等。而这些也全被整理浓缩到了一份pdf——《Java核心架构进阶知识点整理》，全部都是精华中的精华，本着共赢的心态，好东西自然也是要分享的

image

image

image

内容颇多，篇幅却有限，这就不在过多的介绍了，大家可根据以上截图自行脑补

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

视频+实战项目源码】](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)收录**

需要这份系统化的资料的朋友，可以点击这里获取

2401_84006536
关注
  • 21
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教学使用宝塔面板部署前后端分离项目（全面详细）
黄团团的个人博客
07-01 4677
平日里我们的前后端项目基本上都是通过linux系统提供的命令窗口去部署，有没有一种更简单可视化的方式去部署我们自己的项目呢，答案是有的，本篇博客就是手把手教学如何通过一个可视化的页面去部署我们自己开发的前后端分离项目。
Jenkins部署前后端分离项目最全图文教程（手把手教学）
黄团团的个人博客
07-20 2761
最近Jenkins部署的热度比较高，于是就想出一篇关于我是如何使用Jenkins部署前后端分离项目的，本篇记录了我是如何一步一步去配置、搭建和部署的完整流程，每一行代码都进行了实测和讲解，通过图文的教学写成博客分享给大家！
MF00547-SpringBoot2前后端分离单商户B2C商城.zip
08-11
SpringBoot2前后端分离单商户B2C商城源码 注意：不带技术支持，有帮助文件，虚拟商品，发货不退，看好再拍。 开发语言 : JAVA 数据库 : MySQL 开发工具 : IDEA 源码类型 : WebForm 基于当前流行技术组合的前后端分离商城系统： SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含分类、sku、运费模板、素材库、小程序直播、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能. 商城功能 一：商品模块：商品添加、规格设置，商品上下架等 二：订单模块：下单、购物车、支付，发货、收货、评价、退款等 三：营销模块：积分、优惠券、分销、砍价、拼团、秒杀、多门店等 四：微信模块：自定义菜单、自动回复、微信授权、图文管理、模板消息推送 五：配置模块：各种配置 六：用户模块：登陆、注册、会员卡、充值等
yshop前后端分离商城系统-其他
06-12
yshop基于当前流行技术组合的前后端分离商城系统： SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含商城、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能，更适合企业或个人二次开发。 功能： 一、商品模块：商品添加、规格设置，商品上下架等 二、订单模块：下单、购物车、支付，发货、收货、评价、退款等 三、营销模块：积分、优惠券、分销、砍价、拼团、秒杀、多门店等 四、微信模块：自定义菜单、自动回复、微信授权、图文管理、模板消息推送 五、配置模块：各种配置 六、用户模块：登陆、注册、会员卡、充值等 七、其他等 项目结构： 项目采用分模块开发方式 yshop-weixin 微信相关模块 yshop-common 公共模块 yshop-admin 后台模块 yshop-logging 日志模块 yshop-tools 第三方工具模块 yshop-generator 代码生成模块 yshop-shop 商城模块 yshop-mproot mybatisPlus docker部署： 1、创建一个存储第三方软件服务Docker Compose文件目录：      mkdir -p /yshop/soft 2、然后在该目录下新建一个docker-compose.yml文件：     vim /yshop/soft/docker-compose.yml 3、接着创建上面docker-compose.yml里定义的挂载目录：     mkdir -p /yshop/mysql/data /yshop/redis/data /yshop/redis/conf 4、创建Redis配置文件redis.conf：     touch /yshop/redis/conf/redis.conf 5、docker 部署参考根目录docker文件夹 6、以上创建好之后参考docker下文件，先执行软件安装：   cd /yshop/soft   docker-compose up -d  启动   docker ps -a 查看镜像 7、运行docker/applicatiion目录下 docker-compose,当然之前一定要打包jar包，构建镜像 切换到Dockerfile 文件下： docker build -t yshop-admin .   3.2.1版本已经正式发布啦！： 1、秒杀列表与详情页面UI优化 2、拼团商品详情UI优化 3、优惠券列表UI优化 4、修复小程序官方登陆升级调整的问题 5、放开商品详情必须要登陆才能查看的权限 6、拼团列表新增浏览数与访客数 6、修复收藏的问题 7、修复退款问题 8、修复Email配置问题 9、修复积分支付0的问题 10、修复APP充值问题 11、其他等修复优化，详情请看git commit提交记录
基于java的流行技术组合的前后端分离商城系统
03-27
SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含商城、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能，更适合企业或个人二次开发。 功能： 一、商品模块：商品添加、规格设置，商品上下架等 二、订单模块：下单、购物车、支付，发货、收货、评价、退款等 三、营销模块：积分、优惠券、分销、砍价、拼团、秒杀、多门店等 四、微信模块：自定义菜单、自动回复、微信授权、图文管理、模板消息推送 五、配置模块：各种配置 六、用户模块：登陆、注册、会员卡、充值等 七、其他等 项目结构： 项目采用分模块开发方式 yshop-weixin 微信相关模块 yshop-common 公共模块 yshop-admin 后台模块 yshop-logging 日志模块 yshop-tools 第三方工具模块 yshop-generator 代码生成模块 yshop-shop 商城模块 yshop-mproot mybatisPlus
【功能模块】老年图文定制小程序3.8.0开源+前后端源码
07-16
适合各种以文章为主体的小程序： 1、自带模板库，有2600+模板 2、可以显示隐藏，置前文章 3、支持自定义侧边栏 4、支持模板消息 5、支持流量主广告 6、支持自定义内容背景 7、支持自定义背景音乐 更新动态： 修复增加广告位错误 增加广告位置 更新分类标题不按分类显示的问题
SpringBoot2前后端分离单商户B2C商城源码
09-01
基于当前流行技术组合的前后端分离商城系统： SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含分类、sku、运费模板、素材库、小程序直播、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能. 商城功能 一：商品模块：商品添加、规格设置，商品上下架等 二：订单模块：下单、购物车、支付，发货、收货、评价、退款等 三：营销模块：积分、优惠券、分销、砍价、拼团、秒杀、多门店等 四：微信模块：自定义菜单、自动回复、微信授权、图文管理、模板消息推送 五：配置模块：各种配置 六：用户模块：登陆、注册、会员卡、充值等
SpringBoot前后端分离项目，打包、部署到服务器详细图文流程
热门推荐
zwb的博客
07-08 1万+
前端和后端的项目打包都可以在本地完成，上传服务器可以最小化上传jar包和dist文件夹，这种方式最节省服务器空间资源。修改Nginx的配置文件（修改conf文件夹下的nginx.conf文件）将location位置的root后面跟的路径修改为前端项目打包后的文件地址。修改Redis地址，修改需要部署的Redis密码（如果需要的话）防止出现权限相关的问题，将文件开头的user修改为root。将修改后的两个文件上传到服务器（上传对应文件并替换即可）修改MySQL地址，修改需要部署的数据名，账号和密码。
SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署(2)
2401_84002803的博客
04-30 538
修改Redis地址，修改需要部署的Redis密码（如果需要的话）
详解前后端分离之VueJS前端
10-19
本篇文章主要介绍了详解前后端分离之VueJS前端，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
SpringBoot之Helloword 快速搭建一个web项目(图文)
08-26
主要介绍了SpringBoot之Helloword 快速搭建一个web项目(图文)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
宝塔面板成功部署Django项目流程(图文)
09-16
主要介绍了宝塔面板成功部署Django项目流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
前后端部署在两台服务器 服务器配置要求_线上环境部署概览
weixin_39583162的博客
11-21 1072
点击上方“Java知音”，选择“置顶公众号”技术文章第一时间送达！作者：等你归去来cnblogs.com/yougewe/p/10327217.html推荐阅读(点击即可跳转阅读)1.SpringBoot内容聚合2.面试题内容聚合3.设计模式内容聚合4.排序算法内容聚合5.多线程内容聚合谈到线上环境，一般开发同学，不太容易接触到。即使接触到，也只是其中的冰山一角！所以，其实说起...
Linux系统部署若依前后端分离项目（手把手教学）
黄团团的个人博客
11-08 571
若依框架是目前一款非常优秀的开源框架，包括我自己也在用，本篇博客我就出一篇完整的部署若依前后端的博客，我这边以及提前部署好了MySQL、Redis以及Nginx，没有部署的可以看博主的部署教程，都汇总在了下方。
Docker中使用Dockerfile的方式部署SpringBoot+Vue前后端分离的项目(若依前后端分离框架为例)
BADAO_LIUMANG_QIZHI的博客
09-09 1978
场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建起来SpringBoot+Vue前后端分离的项目后，如果要进行项目部署的话。 可以通过nginx部署前端代码并进行接口机请求映射，后台jar包单独启动，redis和mysql都要安装。具体流程可以参照下面 若依前后端分离版本，Windows下使用Nginx代理的方式进行部署(全流程，图文教程)：
SpringBoot项目部署到服务器
weixin_46646156的博客
12-22 2527
SpringBoot项目部署到服务器
【STM32学习】HAL库点灯学习
2301_78895982的博客
05-26 946
STM32基于HAL库流水灯实验_hel库安装教程中文版-CSDN博客t=N7T8。
operator ＜=＞ (spaceship operator)
最新发布
janeqi1987的专栏
05-28 976
= 与!= 操作符为了检查是否相等，现在定义== 操作符就够了。当编译器找不到表达式的匹配声明a!=b 时，编译器会重写表达式并查找!(a==b)。若这不起作用，编译器也会尝试改变操作数的顺序，所以也会尝试!(b==a):a!=b,!(b==a)因此，对于TypeA 的a 和TypeB 的b，编译器将能够识别并编译a!= b若需要的话，可以这样做• 一个独立函数operator!• 一个独立函数operator==(TypeA, TypeB)
jenkins 自动部署前后端分离项目
09-01
对于Jenkins自动部署前后端分离项目的过程，可以按照以下步骤进行操作： 1. 首先，下载好前端和后端的项目代码，并将其打包成war包。 2. 将war包部署到服务器上，可以使用以下命令进行启动： ``` nohup java -jar jenkins.war > ../logs/jenkins.log 2>&1 & ``` 这样就可以在后台启动Jenkins。 3. 进入Jenkins的后台页面，通过在浏览器中输入Jenkins的URL地址来访问。 4. 在Jenkins后台页面中，可以创建一个新的任务来进行自动部署。例如，可以在任务配置中指定前端项目的代码仓库地址和构建脚本，以及后端项目的代码仓库地址和构建脚本。 5. 在Jenkins的任务配置中，可以设置触发器，例如每当有新的提交时自动触发构建。这样，当有新的代码提交到代码仓库时，Jenkins就会自动进行构建和部署。 6. 在Jenkins的任务配置中，可以设置构建步骤，例如编译前端项目、编译后端项目、打包、部署等。根据具体项目的需求，可以自定义构建步骤。 7. 完成任务配置后，保存并启动任务。Jenkins会根据配置的触发器自动进行构建和部署。 8. 在部署完成后，可以通过Tomcat等服务器来访问部署好的前后端分离项目。可以通过访问相应的URL地址来查看项目的运行情况。 综上所述，通过以上步骤，可以实现Jenkins自动部署前后端分离项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [jenkins一键部署前后端分离项目](https://blog.csdn.net/weixin_45880270/article/details/124308587)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Jenkins部署前后端分离项目最全图文教程（手把手教学）](https://blog.csdn.net/HJW_233/article/details/131816735)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值