前后端分离项目部署服务器教程--实践成功

项目介绍

我部署的是前后端分离的项目，前端是vue写的，后端是基于springboot工程。
这是我的项目架构。
没有采用Redis来缓存。

‘

流程

1租界云服务

首先需要租借一个云服务器。阿里云、腾讯云都是可以的，学生还有一定的优惠价格。

2通过远程软件连接服务器

通过X-shell 和 Xftp 远程操作服务器，X-shell是和服务器进行连接控制的，Xftp是文件上传，可以用可视化界面来上传文件。

X-shell和Xftp可以申请学生认证免费使用。

3部署前后端代码

首先创建x-shell连接。

前端工程通过bulid命令打包，后端springboot通过maven命令打包。

后端工程

在xshell里面：
创建文件夹：mkdir -p /home/server/honey2024
上传 jar 包到服务器 /home/server/honey2024/java 目录

设置 application.yml 覆盖，项目启动后会使用这个yml里面的配置。

添加 启动和停止脚本

cd /home/server/honey2024/java
vi start.sh
输入下面的命令，先点击a进入插入模式，在粘贴过去，按下esc和：，输入wq！保存文件。也可以通过可视化直接操作。

NAME=springboot-0.0.1-SNAPSHOT.jar
nohup java -jar $NAME > server.log 2>&1 &
echo 'start success'

停止功能文件

vi stop.sh

PORT=9090
pid=`netstat -tnlp | grep $PORT | grep -v grep | awk '{print $7}' | awk -F/ '{print $1}'`
if [ ${
   pid} ]; then
    kill -9 $pid
    echo "kill $PORT"
else
    echo 'stop sucess!'
fi

再讲所有文件都加上权限

chmod +x *
这是一个 Unix/Linux 系统中的命令，用于给当前目录下的所有文件添加可执行权限。通常情况下，chmod 是用来改变文件或目录的权限设置的命令，而 +x 则是表示添加可执行权限。 * 通配符表示所有文件。因此，这个命令的作用是将当前目录下的所有文件设置为可执行的。

部署vue文件
将打包后的dist文件上传到vue文件夹，这个时候项目以及部署完毕了，下面需要哦配置项目所需要的环境