项目部署(若依前后端分离版)

本文章基于若依(前后端分离版),在虚拟机中部署步骤
本文主要以项目部署为主,不做过多软件安装

1 环境搭建

首先准备一台 CentOS7 虚拟机
CentOS 7 ISO 下载地址
建议下载 Minimal 版本,因为此版本不带图形界面,文件空间最小
image.png
CentOS7 安装教程
image.png
输入ip addr 查看虚拟机地址,使用 Xshell 进行连接
image.png
此台虚拟机用于部署前端,所以需要使用到Nginx,不建议下载最新版
Nginx下载地址
image.png
在虚拟机中执行以下命令,此命令用于安装 将文件上传至虚拟机

yum -y install lrzsz

将 Nginx 压缩包拖入 tmp 目录
image.png
对nginx进行解压
image.png
将 nginx 移动到/opt目录中
image.png
Nginx安装教程

2 前端部署

在gitee中将若依(前后端分离版)项目pull下来,并在项目中跑起来
若依(前后端分离版)
对前端进行打包
image.png
vue打包命令,因为我使用了淘宝镜像所以使用的是cnpm

npm run build:prod

打包后的文件名为:dist,再将dist进行打压缩包上传至虚拟机
image.png
在root目录中新建 workspace 文件夹,将前端压缩包上传至此
image.png
执行以下命令,用于安装 解压zip命令

yum -y install unzip zip

使用 unzip 对前端压缩包进行解压
image.png
将前端压缩包进行删除
image.png
进入nginx conf目录
image.png
执行以下命令,用于编辑文本

yum -y install vim

image.png
找到user按键盘 i 进入编辑,user 的值改为 root
image.png
将 location的root改为刚才前端压缩包解压的路径
image.png
按键盘 esc ,输入 wq 保存退出
启动nginx
image.png
开发80端口,如果使用的是服务器记得把安全组打开

firewall-cmd --add-port=80/tcp --permanent

更新防火墙规则

firewall-cmd --reload

查看已经开发的端口

firewall-cmd --list-ports

复制虚拟机IP地址在浏览器中访问
image.png
前端部署成功
image.png

3、后端部署

对 centOS 克隆两份,用于后端服务
image.png
下载MySQL5.7上传至虚拟机
MySQL5.7下载
image.png
下载完成后,解压,会看到很多 rpm 包,其中的 4 个是必要的:
mysql-community-common-5.7.16-1.el6.x86_64.rpm
mysql-community-libs-5.7.16-1.el6.x86_64.rpm
mysql-community-client-5.7.16-1.el6.x86_64.rpm
mysql-community-server-5.7.16-1.el6.x86_64.rpm
image.png
MySQL安装教程
记得设置防火墙将3306端口打开
创建 ry_vue 数据库,运行若依SQL文件
image.png
安装JDK1.8
JDK1.8下载
JDK1.8 安装教程
安装Redis
Redis下载
Redis安装教程
打开bin目录中打开终端,执行

./package.bat

image.png
image.png
每个模块的target目录都有个jar包。
image.png
因为SpringBoot里面内嵌了Tomcat所以打包成了jar包,将pom.xml中的 改为“war”那么打包就成了war包了
image.png
对刚才克隆的两台后端服务器删除前端数据

rm -rf /root/workspace/*

将这几个模块的jar全部提取出来进行打压缩包上传至后端服务器
image.png
image.png
image.png
对压缩包进行解压
image.png
因为后端应用程序是8080端口,所以将8080端口打开
image.png
运行后端程序

java -jar [jar名称]

image.png
在浏览器中进行访问
image.png
对前端服务器配置反向代理,当访问 /prod-api 时会重定向给 proxy_pass 地址
image.png

		location /prod-api/ {
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass http://localhost:8080/;
		}

esc键 -> 输入wq 保存退出
因为刚才修改了Nginx配置所以对Nginx进行重新启动
image.png
image.png
对另外一台后端虚拟机执行同样的操作,然后在前端虚拟机Nginx配置中设置负载均衡,最后记得重启Nginx。
image.png

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值