How to Deploy Angular application on Heroku hosting with Git repository

angular

65

heroku

9

Git

65

deployment

18

loveprogramming viết ngày 22/04/2021

https://grokonez.com/frontend/angular/angular-deployment/how-to-deploy-angular-application-on-heroku-hosting-with-git-repository

How to Deploy Angular application on Heroku hosting with Git repository

In the tutorial, we show you how to automatically deploy Angular application on Heroku hosting with Git repository.

Related post:
– Angular 6 dynamic Navigation Bar – add/remove Route dynamically

Technologies

• Angular
• Git
• Heroku

  Goal

  We use Heroku Hosting to deploy Angular application ->

• Video guide ->

Practice

Create Heroku App

Login to Heroku, and create an app grokonez-angular-app:

Commit Angular to Git Repository

• Create an Git repository: angularheroku.

• Download sourcecode & unzip:

wget "https://grokonez.com/wp-content/uploads/2018/12/AngularDynamicRoutes-2.zip"
unzip AngularDynamicRoutes-2.zip

• Commit Angular application to Git repository:

git init
git remote add origin https://github.com/grokonez/angularheroku.git
git add .
git commit -m "initial commit"
git push -u origin master

*Note: We don't push the node_modules, in .gitignore we have:

More at:

https://grokonez.com/frontend/angular/angular-deployment/how-to-deploy-angular-application-on-heroku-hosting-with-git-repository

How to Deploy Angular application on Heroku hosting with Git repository