Spring boot + angular 2 Heroku deployment

Question

I have a big issue. I\'m trying to deploy Spring Boot + Angular 2 web app on heroku but don\'t know how to do it. I tried several things including:

• Making a

Answer 1

Use JHipster: https://jhipster.github.io

Once installed, run:

$ yo jhipster

Then run

$ yo jhipster:heroku

Answer 2

If you deploy your app as a standard Java application, you can combine it with the Node.js buildpack to run ng build during the Heroku build.

$ heroku buildpacks:add heroku/nodejs
$ heroku buildpacks:add heroku/java
$ git push heroku master

The Node.js buildpack will detect your package.json, install Node.js and run npm. Then the Java build can proceed as normal.

There is a guide for doing something very similar but with Grunt: Using Grunt with Java and Maven to Automate JavaScript Tasks

Answer 3

The most simple way to do it:

1. run ng build in angular 2 project root (if you are using angular-cli) and copy the content of dist folder to src/main/resources/static/.

2. create Procfile (for maven):

   web: java $JAVA_OPTS -Dserver.port=$PORT -jar target/*.jar

3. commit and push changes.

   Also, you need spring-boot-starter-web present in dependencies. Which has embedded tomcat and automatically configured to serve static content from the static folder.