Build Powerful Node.js Web Apps with Azure App Services | Part 1

nodeJsAndAzureBlobStorage

In this article,  I will provide a step by step instruction to build high-performance Node.js  web app with the help of azure app services. This tutorial has been completed in two separate article. One will provide a detailed instruction to how we need to configure the Prerequisites for the development and the second part will provide you a detailed understanding about the deployment of the Node.js app to the Azure Cloud. You can read more information about the azure app services here

Prerequisites

  1. Node.js
  2. Yoeman :- THE WEB’S SCAFFOLDING TOOL FOR MODERN WEBAPPS
  3. Git
  4. Azure CLI
  5. A Microsoft Azure account. If you don’t have an account, you can sign up for a free trial

So let’s get started !

Steps 1 – Configure Node.js in your system 

you Can download the Node.js installer / package from the https://nodejs.org/ website .

Screen Shot 2016-04-21 at 9.29.02 AM

After the installation , you can check the node version by typing the below command in terminal.

Screen Shot 2016-04-21 at 9.31.39 AM

So we are done with the node.js installation and now we need to move to the next step.

Step 2 :- Configure Yeoman in your system.  

Yeoman is powerful scaffolding tools for building high-quality modern web apps. So to install the yeoman , go to terminal and execute the following commands

npm install -g yo
Screen Shot 2016-04-21 at 9.55.23 AM

For more information about Yeoman, please visit Yeoman official website.

Step 3: Git Installation
Now we need to install Git  . you can download it from the git repository.
Screen Shot 2016-04-21 at 9.59.02 AM

Step 4 :- Install Azure CLI.

Azure CLI. Installation instructions are here. or just execute the command over the terminal

npm install azure-cli -g
Screen Shot 2016-04-21 at 10.06.35 AM

Now we need to install the express generator for Yoeman. You can read more information about Express generator for Yoeman here

Step 5:- Install Express generator for Yoeman and create a sample application using it.

npm install -g generator-express

After the successful installation , we can create a node.js HelloWorld application using Yo.

yo express

Screen Shot 2016-04-21 at 10.57.28 AM

 

Now we need to go to the root directory of the application that we created.

cd safilsample/

and start the webserver using

npm start

Now let’s see what happens 🙂

Screen Shot 2016-04-21 at 11.00.55 AM

Screen Shot 2016-04-21 at 11.01.02 AM

 

In your browser, navigate to http://localhost:3000 to make sure that you can see the Express home page. Once you’ve verified your app runs properly, use Ctrl-C to stop it.

Now just type azure in the terminal ,

Screen Shot 2016-04-21 at 11.05.32 AM

So everything is set, now it’s the time to play with Azure CLI. Stay tuned for the Part 2 and its on the way!

Leave a Reply

Your email address will not be published. Required fields are marked *