CentOS下前后端分离项目的部署

  • 一、部署工具准备
  • 二、CentOS下JDK的安装
  • 三、CentOS下安装Tomcat
  • 四、CentOS下MySql的安装
  • 五、CentOS下Redis的安装
  • 六、前端工程的部署及启动
  • 七、后端工程的部署及启动


项目概况:
前端技术:Vue + ElementUI
后端技术:SpringBoot + Mysql + Redis

一、部署工具准备

①、 提前准备一台装有CentOS系统的服务器(装在VMWare和云服务器上的CentOS皆可)。
②、下载操作CentOS的工具:XShell和Xftp,详细下载和安装操作可参考如下链接。


二、CentOS下JDK的安装

  1. 先卸载CentOS自带的OpenJDK,通过命令查看。
rpm -qa | grep jdk
  1. 如果存在,通过命令删除对应版本的JDK,示例如下。
rpm -e --nodeps java-1.8.0-openjdk-1.8.0.65-3.b17.el7.x86_64 
rpm -e --nodeps java-1.8.0-openjdk-headless-1.8.0.65- 3.b17.el7.x86_64 
rpm -e --nodeps java-1.7.0-openjdk-1.7.0.91-2.6.2.3.el7.x86_64 
rpm -e --nodeps java-1.7.0-openjdk-headless-1.7.0.91- 2.6.2.3.el7.x86_64
  1. 查看是否删除成功。
  2. /usr/local 目录下新建 java 文件夹,并进入。
cd /usr/local 
mkdir java 
cd java
  1. 打开Xftp上传JDK压缩包至 /usr/local/java文件夹。

JDK8压缩包
百度云:链接:https://pan.baidu.com/s/1waP5vfRwS36VTodK6I0EVw
提取码:5rda

centos部署shadowsocket centos部署vue项目_CentOS

centos部署shadowsocket centos部署vue项目_java_02

  1. 解压JDK安装包,并删除。
tar -zxvf jdk-8u152-linux-x64.tar.gz //解压压缩包
 rm -rvf jdk-8u152-linux-x64.tar.gz //删除压缩包
  1. 配置环境变量
    和Windows系统类似,Linux同样需要配置环境变量。输入命令 vim /etc/profile

centos部署shadowsocket centos部署vue项目_vue.js_03


使用按键 移动光标至文件末尾,并粘贴下面配置代码。按ESC退出编辑,输入 :wq 退出保存。

JAVA_HOME=/usr/local/java/jdk1.8.0_152
PATH=/usr/local/java/jdk1.8.0_152/bin:$PATH
export JAVA_HOME PATH

centos部署shadowsocket centos部署vue项目_centos_04

  1. 使配置生效。
source /etc/profil
  1. 测试,输入java -versionjavac

centos部署shadowsocket centos部署vue项目_vue.js_05

三、CentOS下安装Tomcat

点击查看:CentOS下Tomcat的安装及配置教程

四、CentOS下MySql的安装

点击查看:CentOS下MySQL的安装及数据表迁移详细过程

五、CentOS下Redis的安装

可参考该博主文章:Linux下安装Redis(超详细教程)

六、前端工程的部署及启动

  1. CentOS新建文件夹存放前端工程
cd /usr/local
mkdir web
cd web
  1. 进入/usr/local/tomcat/apache-tomcat-8.5.81/webapps目录,通过Xftp软件将本地的前端项目直接拖拽至wbapps文件夹下。

centos部署shadowsocket centos部署vue项目_CentOS_06


3. 启动Tomcat:./startup.sh 。(关闭:./shutdown.sh

centos部署shadowsocket centos部署vue项目_spring boot_07


4. 访问地址:http://localhost:8080

注意:
正常来说,前端工程就算部署完毕了。但是,如果你的前端工程使用了代理,可能按照上述步骤无法连接后端(404),这就需要Tomcat配置代理。

此外: 上述方式基于Tomcat实现,如果想要使用Nginx部署Vue项目

七、后端工程的部署及启动

  1. 打包后端工程:
  2. centos部署shadowsocket centos部署vue项目_CentOS_08

  3. 本地找到打包文件,拖拽至CentOS的 /usr/local/java (位置随意)文件夹下。
  4. centos部署shadowsocket centos部署vue项目_vue.js_09


  5. centos部署shadowsocket centos部署vue项目_CentOS_10

  6. 启动后端项目:java -jar blog-api-1.0-SNAPSHOT.jar
  7. centos部署shadowsocket centos部署vue项目_spring boot_11

  8. 关闭项目:CTRL+C