Softnami
Author: Hussain Mir Ali

I am interested in web and mobile technologies.

If you any questions or feedback then message me at devtips@softnami.com.

Announcements
Ads

Call predictor: AI based call prediction

Download

2020

Feb
Jan

2019

Dec
Nov
Jul
May
Mar
Jan

2018

Nov
Sep
Jul
Jun
Apr
Feb
Jan

2017

Dec
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Jan

2016

Dec
Oct
Sep
Aug
Jul

Deploying NodeJS App on Heroku

The need for back-end APIs is ever increasing with the rise of connected mobile apps. Developers require tools that help them prototype rapidly and also allow them to build software with a low budget. I found that Heroku allows developers to deploy quickly and it is also economically viable even for smaller projects or to prototype.

Step 1

Signup for free on www.heroku.com and login.




Step 2

Install heroku tools from https://toolbelt.heroku.com/.

Step 3

Create a NodeJS app locally on your pc/mac. I will create a sample Angular app using slushjs and the NodeJS server will load the routes.





 root@ubuntu:~/Desktop/sampleApp# gulp serve  




Step 4

Create a new app on heroku dashboard by clicking New > Create app. You can call this app anything you want but for this tutorial I will call it 'sampleappjs'.



Step 5

Add NodeJS to heroku app. Go to Settings > Add buildpack on heroku app page.


Select NodeJS from the options and click 'Save changes'.




Step 6

Add Procfile to the local Angular app we created earlier.

 root@ubuntu:~/Desktop/sampleApp# touch Procfile  

Open the Procfile in any text editor and paste the following lines.

 web: gulp serve  

Step 7

Copy the values for 'devdependencies' in package.json file of your local NodeJS app to the 'dependencies' object.


Step 8

Open gulpfile.js of your local app and replace line 141 with the following line. This is because heroku assigns port automatically.

  port: process.env.PORT || 3000,  

Step 9

Add remote origin to local app by copying the Git URL from heroku app settings page.




Commit code with message "init". 

Step 10

Push to heroku and view the app on browser by visiting sampleappjs.herokuapp.com.


And this is how you can push a NodeJS app to heroku.