Node.js With Visual Studio 2017

Introduction

 
This article is intended to help you create your first node.js application with the Visual Studio 2017. Node.js is a JavaScript based platform, built on Google’s Chrome V8 engine. It’s not a JavaScript library, rather, it’s a server side runtime environment which runs JavaScript code.
 
It has following features.
  1. It is open source and cross platform application.
  2. All APIs of Node.js are asynchronous. It means the request executes parallel rather than in a queue.
  3. Its input/output operations are non-blocking. So, its performance is also better.
  4. It’s event driven. In other words, all the tasks are performed in accordance with the event.
  5. It creates HTTP server similar to SignalR Server rather than same as IIS.
As browser runs JavaScript code on client side, similarly Node.js runtime runs JavaScript on Server side.
 

Node.js Installation

 
There are some steps which comply during installation of Node.js on the windows machine. These are as follows:
  1. Download Node.js Set up installer from official site https://nodejs.org/en/. There are two window installer options, one is V6.10.0 LTS while another is V7.7.3 Current. So, go with first option. It downloads a windows installer named node-v6.10.0-x64.msi. The LTS is Long Term Support version which uses for production while Current version has new features which uses for development.

    Visual Studio
    Figure 1: Download Node.js Set up
  1. Now, run node-v6.10.0-x64.msi Windows Installer. It opens Installation Wizard. So, follow these steps until you're finished.

    Visual Studio
    Figure 2: Node.js Set up wizard
  1. Once the installation completes, restart the system.

Test Node.js Environment

 
As per the above procedure, Node.js has been installed in the system. Now, by running a simple command, make sure that Node and NPM are installed properly.
  1. First, to see if Node is installed or not, run the Powershell and type command node –v and press Enter. It prints Node.js version something like v6.10.0

  2. Now, to see if NPM is installed, type npm –v in the same PowerShell window. If it prints a version number such as 3.10.10 that means NPM has been installed.

  3. Run some JS samples to test if Node.js works on system. First, start Node.js using command “node”. It opens shell where JavaScript code executes by row or block. After that, type JavaScript code such as console.log(“Hello Node Js”); in the Shell window and run it.
    Node executes this code and prints output “Hello Node Js” followed by “undefined”. Node.JS always returns a value of each command and console.log function doesn’t return anything.
    Now, types command .exit in the terminal so that we can exit from Node.
  1. Another way to test if node.js works is to create a JavaScript file: name it hello.js, and just add the code console.log ('Node.js is ready to use');.

    To run the code, type node hello.js. This will start Node and run the code in the hello.js file. We should see the output as -

    'Node.js is ready to use'.

    VS
    Figure 3: Test Node.js Environment

Node.js with Visual Studio 2017

 
To develop the Node.js application using the Visual Studio 2017 IDE, we install Node.js development workloads. This installation creates in-built templates for Node.js application.
 
Visual Studio 
Figure 4: Visual Studio Workloads
 
Let's develop a simple web application with Node.js using Visual Studio.
 
Create a new Project and select “Blank Node.js Web Application”. It creates a web application solution for the same.
 
New Project - Templates - JavaScript - Node.js - Blank Node.js Web Application
 
Visual Studio  
Figure 5: Node.js Application Templates
 
It creates a Node.js application with default template. It holds server.js file with the following code snippet.
  1. 'use strict';  
  2. var http = require('http');  
  3. var port = process.env.PORT || 1337;  
  4. http.createServer(function(req, res) {  
  5.     res.writeHead(200, {  
  6.         'Content-Type''text/plain'  
  7.     });  
  8.     res.end('Hello World\n');  
  9. }).listen(port);  
  10. console.log('Server running at http://127.0.0.1:1337/');  
This is a “Hello World” application using Node.js . Let’s see the component of this Node.js application one by one.
  1. Import Require Module: A module is a reusable component which can be include in other modules. The above code snippets uses require directive to include the http module and stores the returned HTTP instance in the variable named http. The following code snippet is for the same.

    var http = require('http');
  1. Create Server: To handle HTTP request and response, we create a server. This server runs on available port. We use the created http instance and call http.createServer() method to create a server instance. This server binds with port 1337 using listen method. We pass a function to perform some client –server operation in this. This passed function holds two parameters which are request and response. This always returns “Hello World” and prints same as on browser window when make a request with port 1337.
    1. http.createServer(function(req, res) {  
    2.     res.writeHead(200, {  
    3.         'Content-Type''text/plain'  
    4.     });  
    5.     res.end('Hello World\n');  
    6. }).listen(port);  
  1. Runs the Application: Now, to run the application either press F5 key or click on Start in the Visual Studio. It asks to allow firewall to access it and shows result.

    Another option to runs the application is manual, Opens one of the terminal among Node.js command prompt tool, Windows command Prompt and Powershell window. Now, types command to runs this created server as per following command.
    node node E:\Sample\NodejsApp\NodejsApp\server.js

    It starts new created node.js server instance. As per the below figure, server has started.

    Visual Studio
    Figure 6: Run Node.js Server
  1. Now, we make request to the Node.js Server. Open http://127.0.0.1:8081/ in any browser and observe the following result.

    Visual Studio
    Figure 7: Response from server

Conclusion

 
These are some of the basics to set up Node.js environment on Windows machine with Visual Studio 2017, which any .NET developer willing to learn Node.js should know. This article is written for .NET developers who want to use Node.js.


Similar Articles