想要部署要先有自己的服务器,可以去阿里云或者腾讯云去买一个轻量服务器
可以直接点击远程连接
目录
宝塔面板安装
去下载宝塔面板:宝塔面板下载,免费全能的服务器运维软件
安装宝塔面板要使用root权限
把安装 命令复制上去就可以下载了
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
去服务器开通一下宝塔对应的端口
安装完之后复制它的外网地址浏览器打开就可以看到宝塔的登录页面啦
这里最好创建一个文本保存一下宝塔的信息和账号密码不然找起来不方便。
也可以使用bt default这个命令去查看,不过看不了密码
登录宝塔之后选择一个快捷的安装推荐套件
也可以去宝塔的软件商店下载
这里我安装的是下面一些软件,大家可以根据自己的项目去下载
然后就是部署后端了
部署后端
部署后端的准备比较多我一步一步讲,首先就是mysql和redis了
在服务器开通一下mysql和redis的端口
在宝塔安全中也开启一下
导入数据库
这里数据库的名称要和application-druid.yml的数据库名称一致。
点击导入数据库
这里要先对本地的数据进行存储一下
如果错误为0就是存储成功,有错误的话就代表有一些数据没有存储成功会对项目造成影响
找到要导入的sql文件上传即可
修改一下root的密码,和自己配置的密码一致即可。
然后就是后端项目的打包了,在打包之前要更改一下配置文件的信息
application.yml
把文件上传路径改成服务器的文件路径
redis的配置对应服务器下载的redis的配置
这里要说的是后端部署的一个坑,我本来以为到这里配置已经完了打包jar上传到服务器之后一直报
没有/home/ruoyi/logs这个,最后我才知道这是配置在logback.xml这个文件中它是配置日志路径的。
logback.xml
配置一下这个日志存放路径,在服务器新建对应的文件夹
使用Maven打包
打包完之后在target文件中会有一个ruoyi-admin.jar的jar包
把这个jar上传到宝塔,点击左侧文件选择自己要上传的路径,点击上传选择jar再点击开始上传
把图片放到home/ruoyi/uploadPath中,如果没有要自己创建
创建一个home/ruoyi/logs的文件夹
这里是更加后端项目中的配置去创建的
在网站中可以选择Java项目点击添加Java项目就可以部署后端了
项目类型:选择SpringBoot
项目jar路径:自己jar的路径(rouyi-admin.jar的路径)
项目名称:自己想怎么写都行
项目端口:自己写一个端口对应application.yml中配置的端口,选择放行端口
选择JDK:推荐选择默认的jdk1.8,这里可以去下载更高的版本
项目执行命令:它会自动生成
jmx监控:按个人需求选择
项目用户:默认
开机自启动:可以选择
项目备注:随便,推荐自己的项目名
确定之后如果是运行中就部署可以了
如何是未启动就要去项目日志中解决bug了
点击项目名称
点击下面的项目日志,如果有错误都会在项目日志中了,把bug全部解决就可以成功运行了
成功运行时的日志
开启外网映射
访问接口数据前要先开通一下端口
在宝塔安全中也开启一下端口
然后就可以在访问接口到数据了
部署前端
大家可以输入自己买的域名也可以直接输入端口号,这里要去服务器开通一下自己输入的端口,PHP本版可以选择PHP-82也可以选择纯静态
去宝塔安全中开放9999这个端口
点击这里跳转到网站的文件目录
404.html:报错页面
.htaccess:Apache用户配置文件
.user.ini:PHP用户配置文件
index.html:网站的默认入口显示文件
然后就可以去给前端项目打包了,普通项目前端项目打包直接使用npm run build就可以了,若以的项目有hash加密算法在Node.js v17+ 版本不能直接打包,可以在打包加上如下。
"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
打包完毕后会有一个dist文件夹
把服务器上的文件都删除
再把我们打包好的文件上传上去,先把文件压缩
上传完成后可以双击解压
点击进入文件目录剪切所有文件,到网站目录
删除多余的上传文件
配置Nginx
点击网站名
在打开配置文件
添加下面的代码
location / {
# 防着浏览器刷新页面丢失
try_files $uri $uri/ /index.html;
}
location /profile/ {# 改成自己的上传文件路径
alias /www/wwwroot/ly/home/ruoyi/uploadPath;
}
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;
# 代理后端接口# 把localhost改成自己的服务器外网ip,8080改成自己的后端端口号
proxy_pass http://localhost:8080/;
}
如果页面不能正常显示图片把下面代码注释
然后访问部署的前端地址就可以看到若以的登录页面了
到这里我们的部署就完成了哈哈哈哈哈哈。