2

I am trying to make a web based application using Spring MVC (5th version) & Angular 5... My idea is, Spring MVC will provide restful web-services & Angular 5 will call those web-services & manages User Interface at client side..

My question is, whether I require 2 separate web applications (one for UI & one for web-services) to be run on the server ? if yes- what will be the web-server for angular 5 application ? if no - how do we integrate angular 5 with spring MVC?.. could any one provide me the working example- how to be implement spring MVC with angular 5? Is it good practice to run both the application on single web-server? What do you suggest?

Any Help would be highly appreciated... Thanks a lot in advance..

rahul shalgar
  • 1,198
  • 5
  • 24
  • 39

2 Answers2

2

1) you compulsory don't need 2 web application to be run on server.

2) you can build the angular project and then copy all the files from dist directory of angular project to WebContent directory of spring project.

3)

Follow below steps to run SPRING MVC with Angular5 on a single server.

1.Create normal Dynamic web project.
2.Add all dependancy required for spring or user maven pom.xml
3.Open CMD, navigate to angular2 application. Hit command

'npm install'

and then

'ng build'

or use 'ng build --prod' for production build.
this command will create a “dist” folder, copy all files including all folders.

4. Paste those files and folders into 'WebContent' directory.
5. Last thing, you need to change basehref=”./” in index.html.

Now you are ready to run server or you can deploy war file and serve it with tomcat or other servers.

i have found git repo containing full working example of Spring MVC with angular 2:https://github.com/rakshitshah94/Angular2-SpringBoot-Example

4) NO it can't be said good practice to include angular build files in Spring MVC project. because every time you make changes to angular, you have to rebuild your Spring war file and deploy it again to webserver.

bhavin jalodara
  • 1,470
  • 9
  • 12
  • Surprising... I got exactly the same answer here as well https://stackoverflow.com/questions/42143221/run-spring4mvc-with-angular-2-on-a-single-server/42613222#42613222 – rahul shalgar May 23 '18 at 08:28
  • good to know this solved your problem and then this question should be marked as duplicate if same question already exists. – bhavin jalodara May 23 '18 at 08:41
  • Yes you are right.. It should be marked as duplicate.. Thanks – rahul shalgar May 23 '18 at 09:14
  • also i had refered this article some months ago. take a look at it you have troubles. https://medium.com/@rakshitshah/run-spring4mvc-with-angular-2-4-5-on-a-single-server-594ef492e5d5 – bhavin jalodara May 23 '18 at 09:17
0

Intergrate Spring4MVC with Angular 2 on a single server. Please refer this link. It will work Angular 5 as well

abdul subaan
  • 91
  • 6