创建两个具有相同基端的前端网站的最佳方法

Question

在新项目上工作时，我需要创建两组具有相同后端代码库和数据的前端。第二组前端可以通过子域名访问，例如secondfrontend.mywebsite.com。两组前端代码和单页应用程序的两个基本页面之间的最佳方法是什么？我将使用Vue作为前端，因为它是当前JHispter项目中最简单的Javascript框架。

Answer 1

您可以从任何您想要的消费者（SPA，本地移动设备......）使用JHipster REST API。由于你有2个webapps而不是用Angular编写，你可能会从Spring Boot应用程序以外的其他http服务器作为静态内容提供服务（根据你的基础知识，有很多解决方案。例如：Apache / Nginx，CloudFront，Express，.. ）。注意：如果前端和后端不在同一个域中，则必须在Jhipster应用程序中相应地设置CORS。 另请注意，JHipster在提供静态内容（gzip，set caching headers，...）时会做很多优化，因此如果您想获得最佳性能，则必须在服务器中重现这些优化。

Answer 2

对于这种扩展，我肯定会在后端入口点之前使用REST API进行某种负载均衡/缓存。对于子域，跨站点源（CORS）应该能够处理您的问题。

虽然，我从未使用过JHipster，但如果你使用非常大的后端，那么使用$.keyframe.define([{ name: 'animation-name', '0%': { 'opacity': '0', 'transform': 'translate3d(0, -100%, 0)' }, '100%': { 'opacity': '1', 'transform': 'none' } }]);作为rest API的Spring是一个非常好的选择。请记住，Spring Security接受了一个urlencoded HTTP Body（虽然通过一些添加过滤器JSON也可以解析）。

作为前端的Vue也是SPA的一个非常好的选择。