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

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

1 环境搭建

首先准备一台 CentOS7 虚拟机
CentOS 7 ISO 下载地址
建议下载 Minimal 版本,因为此版本不带图形界面,文件空间最小
项目部署(若依前后端分离版)_第1张图片
CentOS7 安装教程
项目部署(若依前后端分离版)_第2张图片
输入ip addr 查看虚拟机地址,使用 Xshell 进行连接
项目部署(若依前后端分离版)_第3张图片
此台虚拟机用于部署前端,所以需要使用到Nginx,不建议下载最新版
Nginx下载地址
项目部署(若依前后端分离版)_第4张图片
在虚拟机中执行以下命令,此命令用于安装 将文件上传至虚拟机

yum -y install lrzsz

将 Nginx 压缩包拖入 tmp 目录
项目部署(若依前后端分离版)_第5张图片
对nginx进行解压
项目部署(若依前后端分离版)_第6张图片
将 nginx 移动到/opt目录中
项目部署(若依前后端分离版)_第7张图片
Nginx安装教程

2 前端部署

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

npm run build:prod

打包后的文件名为:dist,再将dist进行打压缩包上传至虚拟机
项目部署(若依前后端分离版)_第9张图片
在root目录中新建 workspace 文件夹,将前端压缩包上传至此
项目部署(若依前后端分离版)_第10张图片
执行以下命令,用于安装 解压zip命令

yum -y install unzip zip

使用 unzip 对前端压缩包进行解压
项目部署(若依前后端分离版)_第11张图片
将前端压缩包进行删除
项目部署(若依前后端分离版)_第12张图片
进入nginx conf目录
项目部署(若依前后端分离版)_第13张图片
执行以下命令,用于编辑文本

yum -y install vim

项目部署(若依前后端分离版)_第14张图片
找到user按键盘 i 进入编辑,user 的值改为 root
项目部署(若依前后端分离版)_第15张图片
将 location的root改为刚才前端压缩包解压的路径
项目部署(若依前后端分离版)_第16张图片
按键盘 esc ,输入 wq 保存退出
启动nginx
项目部署(若依前后端分离版)_第17张图片
开发80端口,如果使用的是服务器记得把安全组打开

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

更新防火墙规则

firewall-cmd --reload

查看已经开发的端口

firewall-cmd --list-ports

复制虚拟机IP地址在浏览器中访问
项目部署(若依前后端分离版)_第18张图片
前端部署成功

3、后端部署

对 centOS 克隆两份,用于后端服务
项目部署(若依前后端分离版)_第19张图片
下载MySQL5.7上传至虚拟机
MySQL5.7下载
项目部署(若依前后端分离版)_第20张图片
下载完成后,解压,会看到很多 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
项目部署(若依前后端分离版)_第21张图片
MySQL安装教程
记得设置防火墙将3306端口打开
创建 ry_vue 数据库,运行若依SQL文件
项目部署(若依前后端分离版)_第22张图片
安装JDK1.8
JDK1.8下载
JDK1.8 安装教程
安装Redis
Redis下载
Redis安装教程
打开bin目录中打开终端,执行

./package.bat

项目部署(若依前后端分离版)_第23张图片
项目部署(若依前后端分离版)_第24张图片
每个模块的target目录都有个jar包。
项目部署(若依前后端分离版)_第25张图片
因为SpringBoot里面内嵌了Tomcat所以打包成了jar包,将pom.xml中的 改为“war”那么打包就成了war包了
项目部署(若依前后端分离版)_第26张图片
对刚才克隆的两台后端服务器删除前端数据

rm -rf /root/workspace/*

将这几个模块的jar全部提取出来进行打压缩包上传至后端服务器
项目部署(若依前后端分离版)_第27张图片
项目部署(若依前后端分离版)_第28张图片
项目部署(若依前后端分离版)_第29张图片
对压缩包进行解压
项目部署(若依前后端分离版)_第30张图片
因为后端应用程序是8080端口,所以将8080端口打开
项目部署(若依前后端分离版)_第31张图片
运行后端程序

java -jar [jar名称]

项目部署(若依前后端分离版)_第32张图片
在浏览器中进行访问
项目部署(若依前后端分离版)_第33张图片
对前端服务器配置反向代理,当访问 /prod-api 时会重定向给 proxy_pass 地址
项目部署(若依前后端分离版)_第34张图片

		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进行重新启动
项目部署(若依前后端分离版)_第35张图片
项目部署(若依前后端分离版)_第36张图片
对另外一台后端虚拟机执行同样的操作,然后在前端虚拟机Nginx配置中设置负载均衡,最后记得重启Nginx。
项目部署(若依前后端分离版)_第37张图片

你可能感兴趣的:(Linux,部署,centos,linux,运维)