Spring Boot + Angular 应用程序

Posted 2023-02-27

【中文标题】Spring Boot + Angular 应用程序

【英文标题】：Spring Boot + Angular Application

【发布时间】：2019-08-31 14:44:54

【问题描述】：

我正在尝试构建一个 Spring Boot 应用程序，其中 Angular 将用作前端，Spring-Boot 将用作后端。我想让它war 可部署。

我尝试在网络上搜索许多链接，到目前为止我得到的理解是：Spring-Boot 将在 8080 端口上运行，而 Angular 将在 4200 上运行。我对它如何作为一个单元工作感到困惑，所以以便能够将其作为独立的 Spring-Boot 应用程序运行，也可以作为 war deployable 运行。

我在网上看到过其他方法，为 Spring-Boot 和 Angular 创建单独的 war 文件，创建单独的项目然后将 Angular 生成的 dist 转储到 Spring Boot 项目中，但我的要求没有得到满足。

我想构建一个 Spring-Boot 项目，在该项目的 webapps 文件夹中，我维护所有 Angular 代码。因此，我想同时连接 Spring-Boot 和 Angular，并能够将其作为 Spring-Boot 应用程序和 war 可部署运行。

【问题讨论】：

这可能会有所帮助：github.com/dsyer/spring-boot-angular

部署应用程序时，一切都将从服务器 URL 和端口（如果适用）运行。您在与后端不同的端口上运行开发服务器，以避免构建、部署和重新启动后端以查看前端更改。

【参考方案1】：

我推荐frontend-maven-plugin，它真的可以解决问题。

您可以查看此github repository。这是一个简单的 Spring-boot + Angular 应用，只是包装是jar，前端代码在单独的模块中，但你需要的想法似乎是一样的。

【参考方案2】：

This link 展示了使用带有 Grunt 的 Spring Boot 来编译 TypeScript。它与 Angular 并不完全相同，但它展示了如何使用 Maven 前端插件。

【参考方案3】：

您可以使用这个开源模板。它是 Maven 多模型存储库。转到存储库并单击使用此模板按钮。

Template