Integrating Angular2 with Nodejs

Question

I'm building a Nodejs + Angular2 project for the first time and stuck with architecture design issue.

There are following possibilities:

Develop Angular2 project separately, build and copy the files into Nodejs project
Develop Angular2 project from within Nodejs project (say from public folder)
Run two servers for Angular2 as frontend and Nodejs as backend (how to do this in shared hosting then? AWS is fine)

Using yeoman for creating projects for both Angular2 and Nodejs. Which is the best option? Any other idea?

David Anthony Acosta · Accepted Answer · 2017-12-18 21:14:09Z

1

2 is basically the solution. The work flow goes like this:

Start Angular Development Server.
Start NodeJS server.

Once you are ready to go live: - Compile Angular and build out into a public folder using ng build. This folder will be accessible to the public and holds html files, javascript files, etc. - Then, you use Nodejs to direct clients to those html files. When you use NodeJS or any other backend, this is typically how you will serve the Angular 2 files. It is also possible to develop Angular 2 SERVER SIDE instead, however, this is a bit harder and I wouldn't recommend it unless working with another framework entirely. Here is a really great tutorial that walks you through it:

https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli

answered Dec 18, 2017 at 21:14

David Anthony Acosta

4,9381 gold badge21 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ashutosh Over a year ago

Thanks David, will look into this approach

Collectives™ on Stack Overflow

Integrating Angular2 with Nodejs

1 Answer 1

2 is basically the solution. The work flow goes like this:

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 is basically the solution. The work flow goes like this:

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related