单页应用程序 (SPA) 与全栈应用程序。约束和优势。

Posted 2023-02-26

【中文标题】单页应用程序 (SPA) 与全栈应用程序。约束和优势。

【英文标题】：Single Page Application (SPA) vs Full Stack Applications. Constraints and Advantages.

【发布时间】：2016-12-11 23:55:02

【问题描述】：

目前，我正在将我们的 Web 应用程序从传统的 Spring MVC Web 应用程序升级到具有 REST 端点的单页应用程序。我们当前的前端 MVC 应用程序不使用 REST 调用与后端通信，而是通过直接调用必要的门面与后端（用 JAVA 编写）进行通信。 JAR 文件和 WAR 文件都打包在一个 ear 文件中，并部署在我们的生产服务器上（目前使用 JBoss EAP 6）。

由于我们现在正在转向单页面应用程序，并使用一组新的 API 升级我们的系统，所以我质疑单页面应用程序和用 JAVA 编写的其余后端是否应该托管在同一个页面上服务器（JBoss EAP 6）？还是应该将它们拆分到不同的服务器上，一台用于提供 SPA 内容，另一台用于运行后端？在后一种情况下，哪个生产服务器最适合托管单页应用程序（JS、html 和 CSS）的内容？ （我们的后端仍将托管在 JBoss EAP 6 上）

另外，在不同的服务器上分离前后端有什么好处？

我尝试搜索使用 JAVA REST 端点部署单页应用程序的最佳实践，但我没有找到任何适合我们需求的有用文章。

提前非常感谢！ :)

【参考方案1】：

回答您的第一个问题：

是的，您完全可以将它们分开，理想情况下您应该这样做，这样您就可以在不依赖 Web 服务后端的情况下部署前端。

您可以使用任何流行的 Web 服务器（例如 Apache、nginx）部署您的 SPA 静态文件，甚至可以部署在 S3 等云托管上（位于云前端 CDN 之后）。

假设您的 REST 端点仍将使用 Java，它们需要驻留在 Java 应用程序服务器中，例如 jBOSS、tomcat 或 glass fish。

约束/陷阱：

跨域：

您可以将 JBOSS 置于运行静态文件的同一 Apache/Nginx 反向代理之后。

如果您的域是独立的，您也可以在 Web 服务上启用 CORS。

最后，如果您的 Web 服务是 JSON，则 jsonp 始终是一个选项。

身份验证和安全性：

通常，当您使用像 Spring 这样的全栈 Web 框架时，您会获得很多开箱即用的安全性和身份验证。您可以使用会话和 CSRF 等来保护您的站点。但是对于 REST，您通常必须使用基于令牌的身份验证来让您的前端与 REST 服务通信。这不一定很困难，而是一种不同的方法，因此被列在限制条件下。

优点：

更容易分别扩展后端和前端，在亚马逊 S3 和 CloudFront CDN 等服务上使用静态 SPA，您可以在该部分进行无限扩展。

现在可以轻松地将后端 Web 服务置于负载平衡器集群模型之后，因为您的服务是 REST。

由于关注点分离，现在更容易处理部署。

仅推送前端更改时的回归问题较小。您不必再替换整个 WAR 文件。

是否独立服务器

取决于您的应用程序需要处理的流量类型。让我列出三个场景。

低流量：您可以将它放在一台服务器上，Java App 服务器位于该 Web 服务器的反向代理后面。 Web 服务器还将为 SPA 的某个目录提供服务。

中等流量：您应该在一台 Web 服务器上分离前端和 Web 服务器，并将 REST 服务托管在单独的机器上。从技术上讲，此设置与选项 1 没有太大区别，但您的应用服务器不会与 Web 服务器竞争 CPU 周期来响应请求。

高流量：与选项 2 相同，但现在您可以拥有多个 App 服务器和 SPA Web 服务器，并在顶部使用一个 Apache/Nginx 进行负载平衡。

广泛地理区域的疯狂流量：在这种情况下，您不想自己托管这些 SAP。最好在 CloudFront CDN 后面使用像 Amazon S3 这样的服务，这样您的静态内容就会在全球范围内复制，以获得最佳响应时间。这也将减少服务器上的负载。现在介绍用于托管 REST 端点的应用服务器。您可以使用自己的托管集群的云服务器，也可以使用 Heroku 或 amazon 等 PAAS 来托管您的 WAR 文件并按需扩展。

注意：这些扩展方案不考虑数据库，因为您需要有关数据库的更多信息来确定如何在上述方案中扩展它。

希望对您有所帮助，如果您需要有关上述任何内容的更多详细信息，请告诉我。

【参考方案2】：

这是一个品味问题。

我自己更喜欢使用像 Yeoman 这样的生成器创建 SPA，然后使用 Spring IO 自己的 web 服务设置创建服务（例如：spring webservice example）或 Jersey here。

在部署方面有多种设置。

阿帕奇 | Nginx | S3。这是一篇关于部署 AngularJS 应用程序的好文章：deploying angular app

当涉及到 Java 部分时，您可能仍需要使用 Tomcat、Glashfish 或 JBOSS 等。

这不是答案，只是我的选择

【参考方案3】：

现在，前端主要托管在单独的服务器上，后端服务托管在 AWS 等云上，在您的场景中，您可以将 FireBase 用于前端（Html、CSS、JS、Angular）并确保你可以为后端服务使用单独的服务器，也可以使用 Spring MVC 作为你当前的框架，将它作为一个 restful 服务。

看看这个demo