SpringBoot电商项目实战 — 前后端分离后的优雅部署

攻城狮的那点事

发布于 2019-07-23 14:24:14

2.5K0

发布于 2019-07-23 14:24:14

在如今的SpringBoot微服务项目中，前后端分离已成为业界标准使用方式，通过使用nginx等代理方式有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多个客户展现端，例如：web端，安卓app，IOSapp，微信小程序等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。

上图是简单的分布式微服务开发及前后端分离的示意图。展现层也就是所谓的前端（客户可直观看到的），比如电商项目前端包含：app（安卓和IOS）、微信小程序、PC商城、Web后台。后端是整个项目的核心，也就是系列项目中讲的内容，后端用Springboot+Dubbo实现分布式开发微服务落地，服务实现层的每一个服务都是一个独立部署的应用，并提供服务（Dubbo的提供者），接口层根据前端的请求，然后找对应的服务提供者消费服务。

在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，各自有各自的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。前端（Web项目）分离处理，都是从原先的JSP转成了Html静态页面。

Web项目部署容器的选取

目前常用的部署Web项目的容器用Tomcat、Apache、Nginx等，那我们前后端分离后的前端Html静态项目到底部署在那个应用容器呢？我们先看看这几个应用容器的区别。

Nginx,Apache,Tomcat的区别：

Nginx常用做静态内容服务和代理服务器，直接外来请求转发给后面的应用服务器（如tomcat）,而tomcat更多用来做一个应用容器。

1，Apache和nginx应该叫做HTTP Server，而tomcat是一个Application Server是一个Servlet/JSO应用的容器。

2，HTTP Server访问服务器上存储的资源（HTML文件，图片文件等），HTTP Server是中只是把服务器上的文件如实通过HTTP协议传输给客户端。

3，Application Server（应用服务器）往往是运行在HTTP Server的背后并执行应用，将动态的内容转化为静态的内容之后，通过HTTP Server分发到客户端。

4，Apache是同步多进程模型，一个连接对应一个进程，而nginx是一步的，多个连接（万级别）可以对应一个进程。nginx轻量级，抗并发，处理静态文件好。

根据对比，我们不难发现Nginx是较好的选择，它是由俄罗斯人（伊戈尔·赛索耶夫）开发的一款高性能的HTTP和反向代理web服务器。本身是轻量级、抗并发、能实现万级的连接等。同时它也是一个反向代理服务器。因此，我们不仅可以用它部署静态的html应用，还可以实现域名及访问地址的代理。

Nginx部署前端Web项目

Nginx的安装这里不做介绍，只说配置及部署相关内容。首先进入linux系统中Nginx的安装录的conf目录下，找到nginx.config配置文件，vim nginx.config进入编辑模式，在http下的server对应的同级编辑或添加如下代码，然后在root对应的目录下上传对应的html今天项目文件。注意：这里上传的如果是压缩包就需要解压，目录下要有index.html。

server {
  listen 80;
  server_name www.xxxx.com;
  location / {
      root html/; #html访问路径  
      index index.html;
  }
}

但我们的实际项目中，经常有多个Web端需要部署，如前面图中的例子，Web端有PC商城和Web后台系统，甚至可能更多，这些多个Web静态项目我们都放在nginx的html目录下的不同文件夹里，然后通过域名或ip+port代理到对应目录。下面就是多个Web项目在Nginx里的配置。

##商城Html页面
server {
  listen 80;
  server_name www.xxxx.com;
  location / {
      root html/pc/; #html访问路径  
      index index.html;
  }
}
##后台系统Html页面
server {
  listen 80;
  server_name admin.xxxx.com;
  location / {
      root html/admin/; #html访问路径  
      index index.html;
  }
}

编辑完成后保存，并重启nginx服务 service nginx restart。

注：server_name 这里可配置域名或ip+端口号。

后端项目的部署

大家应该都知道，SpringBoot里集成了Tomcat容器，所有Springboot的项目部署，很是容易，根本不需要你还安装什么Tomcat、JBoss等应用。我们只需打成jar文件，上传到服务器，然后通过执行java -jar ***.jar &命令即可。