servicio - consumir web service angularjs

¿Cómo implementar la aplicación AngularJS y el servicio Spring Restful API en el mismo dominio/servidor?

Question

Soy nuevo en Spring y AngularJS. Seguí los pasos here para construir la API de recuperación de fondo, y envía Json a petición. Entonces, según la guía, cuando ejecuto "mvn spring-boot: run", el servidor tomcat comienza en localhost: 8080.

Luego usé el generador angular de Yeoman para construir mi aplicación angular. Y cuando ejecuto "ronco servir" dentro de mi aplicación angular, la aplicación de interfaz se ejecuta en localhost: 9000.

¿Qué debo hacer para que mi aplicación angular pueda ser servida junto con mi servidor Tomcat Springboot en el mismo dominio, digamos, localhost: 8080?

¿Hay algún proyecto de muestra que pueda seguir? Encontré los siguientes proyectos, pero todavía no puedo hacerlo funcionar, ya que no tengo mucha información sobre tomcat.

1. https://github.com/robharrop/spring-angularjs
2. https://github.com/GermanoGiudici/angularjs-maven-tomcat-seed
3. https://github.com/xvitcoder/spring-mvc-angularjs

Answer 1

Necesitas tomar:

• los archivos construidos ( grunt build , básicamente, todo en el directorio dist /)
• los archivos sin procesar (su index.html y todo JS como está)

y cópielos en una de las siguientes carpetas (Recomiendo / public /): http://spring.io/blog/2013/12/19/serving-static-web-content-with-spring-boot

Spring Boot agregará automáticamente recursos web estáticos ubicados en cualquiera de los siguientes directorios:

/ META-INF / recursos /

/ recursos /

/estático/

/público/

Esto significa que Spring Boot no solo ofrece un enfoque simple para crear aplicaciones Java o Groovy, sino que también puede usarlo para implementar fácilmente el código JavaScript del lado del cliente y probarlo en un entorno real de servidor web.

Esto va a ser un problema para el desarrollo, sin embargo, ya que tendrá que volver a copiar los archivos cada vez que realice un cambio para la interfaz. Para la producción, su objetivo debe ser implementar una copia versionada de los archivos creados con su aplicación de primavera.

Para el desarrollo, es posible que desee considerar dejar que grunt sirva el contenido angular y ejecutar tanto Tomcat como su servidor de grunt (¿es un nodo?) Y habilitar solicitudes de origen cruzado entre su interfaz y su parte posterior. O simplemente podría copiar todo el directorio angular en uno de los directorios anteriores, pero ese es un enfoque a corto plazo.