手把手教你如何在服务器部署若依前后端分离版项目

前言:
官方文档写的很具体,但是安装还是碰到各种问题,以下仅为记备忘

1.环境部署
2.下载源码,使用IDEA配置后测试
3.前端上传到服务器并打包。另建立web.xml
4.后端打包、上传服务器
5.tomcat配置war包方式
6.其它问题
7.参考

1.环境部署在虚拟机CentOS7,只部署一台。测试使用widnows远程操作。

mysql、redis、nginx、tomcat最好先启动,并且开启运程服务。后面任何改动都要重启服务。
为了方便操作关闭防火墙
 

systemctl stop firedwalld
 软件版本:
JDK 1.8  #尽量按照默认路径,配置环境变量时注意不要遗漏。这个坑挺多的所以最好默认
Mysql 5.7 #安装后使用运程SQLyog导入ruoyi的两个数据,并远程测试。
Redis 5.0.3 #注意开启远程测试,使用redisdesktopmanager连接成功
Maven 3.0 #环境变量注意不要遗漏
Node 10 

服务器规划:

192.168.9.13   nginx    
192.168.9.14   后端集群1 mysql5.7  redis
192.168.9.15   后端集群2  
通过nginx权重算法,访问后端

前期准备工作

JDK1.8安装配置   win已经安装

MYsql5.7安装配置

一步一步带你CentOS7安装MySQL5.7保姆级教程

注意:开启远程访问

redis3.0安装配置

CentOS7下yum安装redis以及使用

注意:将redis.conf配置中的bind注释掉

maven3.0安装配置

如何在服务器部署若依项目

一、下载若依项目

网址:若依网址

  • 阿昌这次使用部署的是若依前后端分离版本为例子部署

image-20210417183943258

  • 去github上下载若依
  • image-20210417184002833

         

通过git pull <上面的git地址>下载若依

二、在本地修改对应若依配置

  • 用idea打开若依项目

  • 目录结构image-20210417184208428

  • 配置文件
  • ruoyi-admin/src/main/resources

  • image-20210417184304734

    1、logback.xml日志配置 

 image-20210417184450630

  • 修改日志输出编码格式,使用UTF-8

 image-20210417184519186

image-20210417184539147

image-20210417184551112

2、application.yml项目配置

  • 修改启动端口

image-20210417184704798

  • redis配置

image-20210417184749285

  • token加密规则

image-20210417184804247

3、application-druid.yml数据源配置

 image-20210417184912239

  • 生成对应sql数据库

image-20210417185032872

4、测试启动项目

三、前端项目打包

压缩上传,解压,直接拖动有些隐藏文件会丢失。

 需要安装node.js

1.安装yum

sudo yum install epel-release

 2.安装nodejs

sudo yum install nodejs

3.检查

  1. # node --version

  2. v6.12.2

  3. # npm --version

  • 运行npm install下载依赖
npm install --unsafe-perm --registry=https://registry.npm.taobao.org
 

  • 进行编译打包
npm run build:prod

 打包完成后,会在目录下面生成dist目录,即生成的前端打包成品

 

打包后端(jar包)项目springboot内嵌有tomcat,直接可以运行

#安装maven
wget https://dlcdn.apache.org/maven/maven-3/3.9.4/binaries/apache-maven-3.9.4-bin.tar.gz
tar -xvf apache-maven-3.x.x.tar.gz
vi ~/.bashrc
在文件末尾添加以下行:
export MAVEN_HOME=/path/to/maven
export PATH=$PATH:$MAVEN_HOME/bin
将/path/to/maven替换为你解压缩Maven的路径。保存并关闭文件。然后,执行以下命令使配置生效:
sudo vi /etc/profile
sudo vi ~/.bashrc
检查Maven命令是否可用:在终端输入mvn -v命令,如果成功显示Maven的版本信息,说明安装成功。
mvn package

13机器安装nginx

CentOS7下安装Nginx_centos7 安装nginx_apple125414的博客-CSDN博客

配置nginx

 访问,可以看到前端部署成功,后端数据还没过来 

查看控制台,请求到/prod-api,需要在nginx转发到后端服务器

 

 再次访问,可以看到出现二维码了

 

注意:两台后端 服务器都需要安装java环境:

在CentOS 7上安装Java的步骤如下:

1. 打开终端,并使用root用户或具有sudo权限的用户登录。

2. 更新系统软件包列表:   ```   sudo yum update   ```

3. 安装Java运行时环境(JRE)或Java开发工具包(JDK)。   - 安装JRE:     ```     sudo yum install java-1.8.0-openjdk     ```   - 安装JDK:     ```     sudo yum install java-1.8.0-openjdk-devel     ```

4. 安装完成后,验证Java是否安装成功:   ```   java -version   ```   如果成功安装,会显示Java的版本信息。

5. 配置Java环境变量:   - 编辑`/etc/profile`文件:     ```     sudo vi /etc/profile     ```   - 在文件末尾添加以下内容(如果Java的安装路径不同,请根据实际情况进行修改):     ```     export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk     export PATH=$PATH:$JAVA_HOME/bin     ```   - 保存并退出编辑器。

6. 使配置生效:   ```   source /etc/profile   ```现在,Java已经成功安装在你的CentOS 7系统中。你可以重新运行之前的命令来验证Java的安装和配置。如果你想安装其他版本的Java,可以修改上面命令中的版本号,然后重复上述步骤。

如图,通过nginx权重,在不同的两台后端服务器上面访问

 

  • 3
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于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 ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值