Tech Junkie Blog: AngularJS SPA Part 12: Deploy Shopping List Application To Heroku

Monday, April 17, 2017

AngularJS SPA Part 12: Deploy Shopping List Application To Heroku

The previous blog post we setup our application to work with Heroku locally.  In this post we will deploy our application to the live Heroku platform.

Here are the steps to deploy our application to Heroku:

1.  First we need to check in our code into a local Git repository to add our code to Git is easy first type git init










2.  Then type git add .

3. Then type git commit -m "Initial commit"


4.  After you type in all three commands you should see the .gitignore file in the root directory





































5.  Now we need to create a heroku application, type in the command heroku create in the command line






6.  To verify that the application has been created log into your heroku account and you will see it













We've created an empty app actually, the next step is to push the local Git repository into the repository

7.  type git push heroku master and heroku will do push your local git repository to the heroku git repository.




 8. And your application is deployed to the web! Go Heroku!  You can also type into the command line heroku open  in the command line if you can't remember the weird URL that heroku gives you.












Note:  Your application URL will be different because it will be tied to your heroku account


Posts In The AngularJS SPA Application Series:
  1. Setting Up Angular-Seed
  2. Preparing Angular-Seed For The Shopping List Application
  3. Refactor Code to Not Use Global Variables (Shopping List App)
  4. Installing MongoDB
  5. Create a MongoDB Configuration FIle
  6. Install mongoDB as a Windows Service
  7. Installing Express generator
  8. Installing ExpressJS Application Server
  9. Creating The SPA Project Folder Structure
  10. Setup Express To Serve Static Files
  11. Setup The Shopping Application For Heroku And Testing It Locally
  12. Deploy Shopping List Application To Heroku
  13. Install RoboMongo GUI for MongoDB


4 comments:

  1. A debt of gratitude is in order for the decent blog. It was extremely helpful for me. I'm glad I discovered this site. Much thanks to you for offering to us,I too dependably discover some new information from your post. San martin de los andes

    ReplyDelete
  2. I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article. botox injections NYC

    ReplyDelete
  3. Thanks for sharing, nice post! Post really provice useful information!

    Giaonhan247 chuyên dịch vụ gửi hàng đi hàn, gửi hàng đi đức cũng như dịch vụ gửi hàng đi mỹ cũng như dịch vụ gửi hàng đi nhật uy tín.

    ReplyDelete
  4. Work down the centreline of the body to give a straight line to work towards. Best Brazilian wax NYC

    ReplyDelete