如何在服务器部署若依项目

一、下载若依项目

网址:若依网址

  • 阿昌这次使用部署的是若依前后端分离版本为例子部署

image-20210417183943258

  • 去github上下载若依

image-20210417184002833

通过git pull <上面的git地址>下载若依

二、在本地修改对应若依配置

  • 用idea打开若依项目

  • 目录结构

image-20210417184208428

  • 配置文件

ruoyi-admin/src/main/resources

image-20210417184304734

1、logback.xml日志配置

image-20210417184450630

  • 修改日志输出编码格式,使用UTF-8

image-20210417184519186

image-20210417184539147

image-20210417184551112


2、application.yml项目配置

  • 修改启动端口

image-20210417184704798

  • redis配置

image-20210417184749285

  • token加密规则

image-20210417184804247


3、application-druid.yml数据源配置

image-20210417184912239

image-20210417185032872


4、测试启动项目

image-20210417185105313


三、前端项目打包

  • 用Vscode打开ruoyi-ui

image-20210417185157879

  • 运行npm install下载依赖

可能会出现的错误

发现运行不了npm install

image-20210417185343284

  • 解决方法
    • 通过yarn install安装

image-20210417185514129


  • 之后打生产环境的包,通过npm run build:prod

image-20210417185617580

  • 打包完成

image-20210417185648762

  • 生成dist文件夹

image-20210417185709460

  • 目录结构

image-20210417185738951

到此前端项目就算打包完成!!!


四、后端项目打包

  • 打开资源路径文件夹

image-20210417185912652

  • 呼出命令行

image-20210417190018622

  • 通过命令行mvn package打包

image-20210417190057730

  • 生成jar文件

image-20210417190116658

到此后端打包完成!!!


五、部署服务器

  • 前提保证你服务器有nginx

nginx在linux安装教学

1、部署前端项目

上传到192.168.109.101服务器上

  • 将刚刚打包好的dist文件夹放置在服务器的一个位置

这里阿昌就放在workspace下面

image-20210417190259884

  • 会发现一个问题,如何启动这个前端文件????

  • 这里我们使用nginx来转发,阿昌使用的是1.17.10的版本

  • 配置nginx配置文件

2、配置nginx


  • 配置权限

image-20210417190455469

user  root;
  • 配置跳转前端路径
location / {
            root   /workspace/dist;
            index  index.html index.htm;
        }

image-20210417190625532

  • 保存,通过: wq

  • 重启nginx

在/sbin目录下

./nginx -s -reload   #重启nginx
  • 访问前端地址

http://192.168.109.101:80/

image-20210417190848265

  • 发现出404错误

  • F12打开看请求情况

image-20210417190944419

  • 发现请求的是/prod-api/**的路径

  • 再次配置nginx转发规则

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;
            proxy_pass http://192.168.109.102:8080/;

        }

image-20210417191101579


3、部署后端项目

上传在192.168.109.102服务器上

  • 将刚刚的jar文件上传的服务器上

image-20210417191205322

  • 通过 java -jar <你的项目名>启动项目

image-20210417191232212


4、测试

前后端打通

image-20210417191253607

到此前后端项目服务器部署完成!!!!


5、小集群部署

将同样的后端jar包上传到192.168.102服务器上

image-20210417191548840

  • 配置nginx让他负载均衡转发
    upstream ruoyi{
        server 192.168.109.102:8080 weight=5;
        server 192.168.109.103:8080 weight=3;
    }


    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /workspace/dist;
            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;
            proxy_pass http://ruoyi/;

        }

image-20210417193250921

  • 重启nginx

在sbin目录下

./nginx -s -reload

6、测试负载均衡

  • 访问之前配置的日志地址

image-20210417193755882

image-20210417193434908

  • 测试

通过tail -f -sys-info.log实时监测两服务器服务器实例的日志情况

  • 故意输错验证码,查看负载均衡情况

image-20210417194156257

至此小集群配置完成!!!!!!!!!!!


Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐