Credit to Davide Violante as I used that repo as a reference.
This frontend was generated with Angular CLI version 1.3.0.
This project adds a server side to the Angular 4 Tour of Heroes tutorial and it uses the MEAN stack:
- Mongoose.js (MongoDB): database
- Express.js: backend framework
- Angular 4+: frontend framework
- Node.js: runtime environment
- Install Node.js and MongoDB
- Install Angular CLI:
npm i -g @angular/cli
- From project root folder install all the dependencies:
npm i
npm run dev
: concurrently execute MongoDB, Angular build, TypeScript compiler and Express server.
A window will automatically open at localhost:4200. Angular and Express files are being watched. Any change automatically creates a new bundle, restart Express server and reload your browser.
npm run prod
: run the project with a production bundle and AOT compilation listening at localhost:3000
- Go to Heroku and create a new app
- Install Heroku CLI
heroku login
cd my-project/
git init
heroku git:remote -a your-app-name
- Download this repo and copy all files into
my-project
folder - Edit
.gitignore
and remove line with/dist
- Edit
.env
and replace the MongoDB URI with a real remote MongoDB server. You can create a MongoDB server with Heroku or mLab. npm i
ng build -prod
orng build -aot -prod
tsc -p server
git add .
git commit -m "Going to Heroku"
git push heroku master
heroku open
- A window will open with your app online
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.