Spring Boot + Angular 應用程序

Question

我正在嘗試構建一個 Spring Boot 應用程序，其中 Angular 將作為前端，而 Spring-Boot 將作為后端。 我想讓它可以部署在war 。

我嘗試在網上搜索許多鏈接，到目前為止我得到的理解是：Spring-Boot 將在 8080 端口上運行，而 Angular 將在 4200 上運行。我很困惑它如何作為一個單元工作以便成為能夠將其作為獨立的 Spring-Boot 應用程序運行，也可以作為war部署。

我在網上看到過其他方法，為 Spring-Boot 和 Angular 創建單獨的war文件，創建單獨的項目，然后將 angular 生成的 dist 轉儲到 spring boot 項目中，但我的要求沒有得到滿足。

我想構建一個 Spring-Boot 項目，並在該項目的webapps文件夾中維護所有 Angular 代碼。 因此，我想同時連接 Spring-Boot 和 Angular，並能夠將其作為 Spring-Boot 應用程序和war部署運行。

Answer 1

我推薦frontend-maven-plugin ，它確實可以解決問題。

您可以查看此github 存儲庫。 這是一個簡單的 Spring-boot + Angular 應用程序，只是包裝是jar和前端代碼在單獨的模塊中，但你需要的想法似乎是一樣的。

Answer 2

本文還使用了frontend-maven-plugin ：

https://dzone.com/articles/building-a-web-app-using-spring-boot-angular-6-and

其他方式：

https://medium.com/@majdasab/integrating-an-angular-project-with-spring-boot-e3a043b7307b

Answer 3

此鏈接顯示使用 Spring Boot 和 Grunt 來編譯 TypeScript。 它與 Angular 並不完全相同，但它展示了如何使用 Maven 前端插件。

Answer 4

您可以使用這個開源模板。 它是 Maven 多模型存儲庫。 轉到存儲庫並單擊使用此模板按鈕。

模板