一、前端
安装nginx
1.将提前准备好的nginx的安装包上传到Linux中/opt目录下(我用的是Xftp)
2.解压
2.1:在xshell中解压该文件:
tar -zxvf nginx-1.20.1.tar.gz
2.2:进入解压后的目录
cd nginx-1.20.1/
2.3:安装需要的依赖
yum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel
执行过程中还需要指定安装的地址
./configure--prefix=/opt/nginx (尽量安装到/opt/nginx目录下)
编译:
make install
3.启动nginx
cd /opt/nginx/sbin 此时进入nginx的sbin (里面是nginx的启动命令)
启动nginx./nginx
(可以查看nginx是否启动:)
(ps -ef |grep nginx 如果有端口即为启动成功)
4.此时nginx就启动成功了,可以使用ip+端口号访问nginx
(注意:此时端口号可以省略,会默认补全(80) http请求默认80端口)
正式部署前端
(部署之前记得将全部ip(localhost/127.0.0.1)改为你的云服务器ip)
1.打包前端项目
在前端的命令窗口中输入
npm run build
(打包完之后会在你的前端项目中出现一个dist目录,会将你的前端项目压缩为H5页面,最终对外只提供一个HTML文件)
2.上传
将dist目录下的所有文件都上传到 /opt/nginx/html 中
这样前端就上传成功了
二、数据库
这里我用的是SQLyog,可以远程连接数据库
连接成功后,在你的原数据库中将数据库备份下来
上传数据库
此时你的数据库就上传成功了
(最好将这个sql文件备份一份在后端文件中)
三、后端
1.修改后端配置
2.修改启动类
/opt/app.pid为存反复SpringBoot程序的进程id地址
停止SpringBoot服务
cat /opt/app.pid | xargs kill
3.打包
使用Maven进行打包
打包前记得clean一下,重新编译(compile)
然后执行package命令
出现这个即为打包成功
将其传输到/opt目录下
在xshell中输入以下命令;
java -jar jar包名称
(记得在云服务器里开启防火墙)
此时我们的项目就部署完成了
但是此时有一个bug,这里SpringBoot项目打开之后不能关闭,否则我们的项目就不能打开了
我们需要在命令行中输入下面命令:
nohup java -jar jar包名称 & #不挂断地运行命令 (nohup 命令 &)
这样整个项目就部署完成了!!
(附赠一个命令)
停止springboot服务
cat /opt/app.pid | xargs kill
)
)
