首页 / 小白资源

如何在Linux服务器上部署若依开源框架(四十三)

发布时间:2023-11-21 02:17:56

如何在Linux服务器上部署若依开源框架

本章教程,主要介绍一下,如何将若依前后端分离项目(RuoYi_Vue)发布到线上(Linux版本),在你阅读之前,希望你可以将若依前后端分离项目在本地环境中运行,确保项目能在本地环境中顺利运行起来。

一、环境准备阶段

为了能够顺利的把项目运行起来,需要在Linux服务器上提前安装好以下环境。

本教程基于Linux Ubuntu搭建部署

  • JDK >= 1.8

  • MySQL >= 5.7

  • Redis

  • Nginx

二、项目打包阶段

1、项目后端打包

(1)修改配置信息

①第一处需要修改的地方:application.yml中的ruoyi.profile默认情况下,这里使用的是Windows下面的路径规则,但是在Linux下没有磁盘符概念(一切皆文件),这个地方不修改,部署之后,会出现头像上传不成功的情况。

②第二处需要修改的地方:application-druid.yml中的数据库连接信息。请检查数据库连接信息是否正确。如果不正确,启动后端的时候,将会报数据库连接错误等信息。

③第三处需要修改的地方:application.yml中的redis缓存数据库连接配置。如果你的redis有设置密码,需要在redis.password中配置,如果是使用的远程redis,需要将redis.host改为远程服务器IP地址,如果配置失误,启动后端的时候,会报redis异常等信息。

(2)后端打包方式

①如果你是使用的IDEA,直接使用maven插件中的package即可打包

②如果你是使用其它IDE,可以使用项目中的脚本进行打包

③或者你可以在项目根目录下执行以下命令来进行打包
mvn clean package -Dmaven.test.skip=true

结果会在rouyi-admin模块下的target目录下生成一个ruoyi-admin.jar

2、项目前端打包

只需要运行一行命令就可以打包你的应用,在前端目录(ruoyi-ui)中执行

# 打包正式环境
npm run build:prod

# 打包预发布环境
npm run build:stage

或者你也可以运行项目里面的脚本进行打包(默认执行的是npm run build:prod)

打包完成之后,会在当前目录中生成一个dist目录,这个就是我们打包后的前端包

三、项目部署阶段

1、上传文件首先将ruoyi-admin.jar 和 dist 文件夹上传到服务器中,同时也需要将SQL文件传上去,须记住上传路径

2、创建数据库,执行SQL脚本

① 创建项目数据库注意:数据库名称一定要和后端的连接数据库名称一致哦

create database ruoyi default character set utf8mb4 collate utf8mb4_bin;

② 执行SQL脚本

use ruoyi;

source /上传路径/ry_20230706.sql;
source /上传路径/quartz.sql;
show tables;

3、启动redis服务

# 启动 redis
sudo service redis-server start
# 检查 redis 是否已经成功启动
sudo service redis-server status

4、启动nginx服务

sudo /etc/init.d/nginx start

5、启动后端服务通过以下命令后台启动

java -jar ruoyi-admin.jar &

6、启动前端服务前端服务,主要是进行nginx配置首先进入到nginx配置目录

cd /etc/nginx

7、然后编辑配置文件

vim nginx.conf

8、修改nginx配置文件

server {
# 1、vue项目端口
listen 80;
server_name localhost;
charset utf-8;

location / {
# 2、打包的文件路径
root /usr/local/project/ruoyi/ruoyi-ui/dist;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}

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;
# 3、后端项目访问地址
proxy_pass http://localhost:8080/;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

9、编辑完成之后,重启启动以下nginx服务

systemctl restart nginx

四、项目预览

阶段至此,整个流程就部署完成了,过程中如果没有出现任务,直接通过服务器IP接口访问。

http://你的服务器IP地址/login


相关推荐