Making your node.js app live using AWS

In this post, I will show how to make a node.js app live using AWS. For this, I will first show how to create a simple hello world app using node.js.
Lets get started:

  1. Create your project folder ( mkdir sampleNodeApp )
  2. Move to that folder ( cd sampleNodeApp )
  3. Create a file server.js
  4. Create another subFolder inside your project folder public
  5. Move to public ( cd public )
  6. Create a file index.html
  7. Move to your main directory ( cd .. )
  8. Update server.js to have the following content
var express = require('express')
var app = express()

app.get('/', function (req, res) {
  res.sendFile(__dirname + '/public/index.html');
})

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

     9. Update index.html inside public folder to have following content
         <html>
           <head>
       <title>
         This is a sample app.
        </title>
            </head>
            <body>
         Welcome Everybody!
            </body>
          </html>

     10. Move to the main folder and do sudo npm install express 
     11. After express is installed do node server.js

      After the last command you will see a message on your terminal:
        Example app listening on port 3000!
     Now go to your localhost:3000 and you will see index.html will load successfully with message
     Welcome Everybody!
   
Create a github/bitbuck repository and push your files in that repository as this will be very useful when we will be uploading our app on aws ec2 instance.
Here is the source code of above node.js app you can clone/download it.

Now we need to create a AWS account for this follow the following steps:
  1. Go to https://aws.amazon.com/ and click on Create AWS account button




2. Enter your email and select I am a new user 
  3. Fill in the details and click create account 

4. Fill next details and click create account and continue

  5. Enter you card details and proceed next. (They will never charge without your consent)
  6. Follow the steps for identity verification
  7. Select Basic plan and continue

  8. After your registration is successful click on log in to console button


  9. Enter your email you used to register and select I am a returning user and then enter your password that you have created in step 3.
  10. In the search box on console screen main page search EC2


  11. Click on EC2 - virtual servers in cloud option form the drop down
  12. On the EC2 dashboard click on key pairs 
  13. Click on import key

  14. Give a name of your key and upload your public key

  15. After importing your key pair now click on EC2 Dashboard from the left nav bar
  16. Click on running instances

  17. Click on Launch Instance 

   18. Select ubuntu server 16.04

  19. Select the default t2.micro and click Review and Launch

  20. Click on edit security groups under security groups

  21. Click on Add Rule and select Custom TCP rule from the type drop-down,  select protocol TCP, edit port range to have 3000 (this should be the port you are exposing your app) and select  anywhere  in source drop-down.

  22. Click on Review and Launch and then press Launch

 23. Select the key-pair that you have created in step 12 and click Launch Instance

  24. EC2 instance should be launched now navigate to your EC2 dashboard and click Running Instances (this may take couple of minutes for the machine to be running)

 25. You can see your machine running now copy its IPv4 Public Ip 

   26. Open your terminal and run ssh ubuntu@[IPv4 public address] for example ssh ubuntu@34.213.123.88

   27. Type yes and you will be inside your EC2 machine

  28. As we will be running our node app in this machine so lets install node first by sudo apt install  nodejs-legacy

   29. Now clone your nodejs web app from the github/bitbucket and move to that folder
  30. Inside that folder do node server.js this should start the app

  31. Go open your web browser and go to [your IPv4 public address]:3000 for example 34.213.123.88:3000



So simply by following these steps, you can easily make your web app live on AWS. If you have any queries just type it in the comment box.






Comments

  1. UnknownAugust 7, 2017 at 6:00 AM

    Nice one ! instead of manual creation of EC2 instance, you can use terraform to create infrastructure.

    ReplyDelete
    Replies
    1. riturajcseAugust 7, 2017 at 8:31 AM

      Yes Suman we can do this but I wanted to keep this post simple and for beginners so I choose to launch instances manually. But thanks a lot for the suggestion I might be writing about this in my future posts.

      Delete
  2. Anjali SivaApril 16, 2019 at 5:30 AM

    Fabulous post admin, it was too good and helpful. Waiting for more updates.
    DevOps Training in Chennai
    DevOps course in Chennai
    AWS Training in Chennai
    AWS Training in Velachery
    Cloud Computing Courses in Chennai
    Cloud Training in Chennai
    DevOps Training in OMR
    DevOps Training in Chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

Using ansible for deploying applications to aws cloud

Image
Hello guys, in one of my previous post I have explained how can you deploy your simple application to AWS. In that post, we have created an AWS cloud account and then ran an ec2 instance manually using the AWS console UI and then by doing ssh into the machine from our local, we were able to deploy our application to the AWS. But this is not always a best practice to follow. This will be best if we could do this just by running some script once.  Actually, there are a couple of services which actually does the same thing for us and makes our life much easier. Ansible is one of such service which we can use to create & configure AWS. In this post, I will explain how we can use ansible to start an ec2 instance and then deploy our application in that instance and finally terminating the instance when we are done. Now before we can proceed first we need to know some basic things about Ansible. It is open source automation platform. It is very simple, efficient and powerful. Ever
Read more

How to integrate a payment gateway into your WordPress website for donations without using woocommerce

Image
Hey guys today I will explain how to integrate a payment gateway into your WordPress website for donation purposes. I was searching this for a long time but always end up with plugins which were using Paypal or stripe only. So the problem with them was that they mostly accept credit cards or their specific accounts but I wanted something generic with all the available payment options like credit card, debit card and net banking. And also I was looking something with Indian currency option preloaded but Paypal does not support this. And most of the available plugins with all these options were dependent on woocommerce so we can use them only if we have a woocommerce plugin preinstalled, but we might want to add a donation option to a normal WordPress website also which is not using woocommerce. So finally I found a very beautiful and elegant plugin designed exclusively for this purpose only and which can be live instantly. So let's introduce you to Give  . Give is designed exclu
Read more

Implementing a Self Organizing List in Go

Image
Hello guys, I have recently written a library implementing self-organizing list in Go language. This was a part of my experiments with Go . Go indeed is a very awesome language to learn. Some of the good things about Go is that it's very fast as this is a compiled language. And it has some inbuild strict checking so this will basically force you to write good quality code with no unused variables and all. Go also has standard libraries for unit test and benchmarking which is very simple to implement. So basically you won't need to look for compatible libraries for creating benchmarks and writing test cases for your projects. So now coming to our topic self-organizing list. The self-organizing list is a kind of self-learning list which will rearrange its elements based on their usage to improve their average access time. The aim of the self-organizing list is to improve the efficiency of linear search by moving more frequently accessed items towards the head of the list.  
Read more