Welcome to our Blog Lounge. Happy Reading!
It has always ‘seemed’ easy until you try it. Having deployed other apps to heroku server, deploying Angular app on server is little tedious and daunting. In this blog, we will be elaborating step by step procedure for the same.
1. First step is to create the angular app and set up git in application. Making use of the Angular CLI, setup a new project by running:
ng new demo-deploy
From this, our application will be named demo-deploy . Allow for few minutes to setup the new project and install npm packages.
2. Now, once you are done with the project setup the heroku website and sign up for a new account. The link for heroku is: https://www.heroku.com/ . After opening your account go to new button to create a new app on heroku.
3. Now, fill the name of your application and click on button Create app:
This will create your blank application on the heroku server. Now, go to deploy button and choose github as shown in below screenshot and then connect with your github account to find your repository.
After connecting with your github repository you will find something as shown below:
4. Ok, So before deploying your code please do some changes in your application code. Follow these steps:
The next step is to deploy your code. Also, you can choose automatic deploys if you want to deploy your code as you push the changes on git.For deploy your code select your branch and click on Deploy Branch button.
After the successful deployment you will see the screen as shown below:
You can check your application running on the browser as shown below:
Hope, you are done with the deployment of Angular on Heroku in successful manner. Incase of any help contact us at firstname.lastname@example.org and we would be happy to assist you.
Happy Learning, Cheers.
Infoxen Technologies is a leading SaaS, WordPress, Magento, Mobile Application, MEAN, Cloud and customized software development company located in India and USA. We have been delivering high-quality software development services to independent software vendors and the enterprise.