前后端分离式项目部署

前后端分离式项目部署_第1张图片

一、环境准备

准备三台Linux服务器节点,一台部署前端项目,Nginx以及一些基础设施(包括MySQL,redis);另外两台服务器节点用来部署后端项目(JDK,Maven和Tomcat),为了部署多实例,模拟集群。可以用SecureCRT来连接,SecureCrt是一款优秀的windows连接linux/unix机器的工具。

在码云上打包下来的文件,在本地IDEA要修改相关配置依赖,如数据库(application-druid.yml),redis(application.yml)以及日志文件(logback.xml)里面的日志位置和添加UTF-8编码。

利用XFTP上传压缩代码文件,现在100服务器上有前端文件,101和102服务器上各有一份后端文件。下面进行打包操作,
首先是前端100服务器
第一步nodejs安装前端项目依赖,输入下面一行命令:

npm install --unsafe-perm --registry=https://registry.npm.taobao.org

第二步进行编译打包:

npm run build:prod

这里是生产环境的包。打包后会在当前文件下生成一个dist目录,就是前端成品。后面会用Nginx部署起来。

后端打包:
要在101和102服务器上部署maven环境,然后输入命令进行jar打包:

mvn package

打包后会在当前文件夹生成一个target文件,然后cd target进去后会发现一个以jar结尾的包。把这个jar包拿出来,为了后面war包,防止被清理掉。
接下来打war包,要在本地改下配置:
(1)在pom.xml文件里改成war;
(2)然后要把内置的tomcat服务器给去掉,把war部署在外置的tomcat服务器,这就是war包的目的。需要加一段依赖,作用是为了在编译时用,发布时删掉:

<dependency>
    <groupId>org.springframework.bootgroupId>
    <artifactId>spring-boot-starter-tomcatartifactId>
    <scope>providedscope>
dependency>

(3)要修改启动类,在同级目录下写一个类

public class SpringBootStarterApplication extends SpringBootServletInitializer{
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder){
        return builder.sources(原来启动类的名字.class);
   }
}

然后将pom.xml再上传替换,以及新加的文件类上传。
然后在101服务器上执行下面命令,102同理:

mvn clean
mvn package

这样就会在target包下生成一个war包。

部署

前端:
100服务器用Nginx部署,找到nginx配置,修改conf:

#在开头改一下权限,防止403
user root;

#找到对应位置
location /{
    root  /root/workspace/ruoyi-ui/dist;
    index  index.html index.htm;
}

#让后端和前端进行关联,新增配置代理,转发路径/prod-api可以在网页F12查看
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/;
}

然后再nginx下进入sbin/,然后输入 ./nginx,执行起来。可以再网页输入IP地址进行查看。

后端:
(1)运行jar文件,输入命令:

nohup java-jar ruoyi.jar &

nohup 英文全称 no hang up(不挂起),用于在系统后台不挂断地运行命令,退出终端不会影响程序的运行。

(2)运行war包试试

ps -aux | grep java
kill -9 6880
#进入tomcat服务器里面webapps,把war包丢进来
cp /root/workspace/ruoyi.war ./
#启动tomcat,自动解压war
service tomcat start

为了让根目录192.168.31.101访问的不是tomcat而是项目后端页面,需要改一下tomcat的配置conf里面的server.xml。
在这里插入图片描述
在这里插入图片描述

102服务器同样这么部署,需要在100服务器上的nginx.conf把新加的102也进行配置

upstream ruoyi{
    server 192.168.31.101:8080 weight=5;
    server 192.168.31.102:8080 weight=3}

如果想看到底访问哪台机器,可以在我们之前配置的日志文件里查看

#进入101服务器日志文件的位置,实时监控日志输入循环读取
tail -f sys-info.log

你可能感兴趣的:(项目,java,maven,前端)