How to serve a HTML page in Node.js



Previous article showed you how to create a basic server. Now lets look around the way to serve a html page using Node.js. First create a index.html file in your project folder.

<html>
<head>
  <title>Home Page</title>
</head>
<body>
  <h1>My first Template</h1>
  <p>Hypertext Markup Language is the standard markup language for creating web pages and web applications. With Cascading Style Sheets and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web</p>
</body>
</html>

Now lets see how to serve this page. Take a look at the code below.

var http=require('http');
var fs = require('fs');
var server = http.createServer(function(req,res){
  console.log('request made :'+req.url);
  res.writeHead(200,{'Content-Type': 'text/html'});
  var read=fs.createReadStream(__dirname + '/index.html','utf8');
  read.pipe(res);

});

server.listen(3000,'127.0.0.1');
console.log('Hey you are now listening to port 3000');

In the above code we have changed the content type into html to serve it as a html page. Without sending plain text to the browser we have created a html page and have sent it to the browser. Run the command line and then the browser to see the output. 

Comments

Post a Comment

Popular posts from this blog

Creating a Server in Node.js

Image
From the previous article we got to know how to read and write files in Node.js. This article will help you to get to know about Clients and servers in Node.js First lets look at  what client and server really means. When we browsing internet by using chrome or any other browser we request for some data. This is where the client send its request to get a response particular to the clients request. Then the server acts on the request of the client and send a response which we finally see as our search results. Basically considering the client ad server each computer can be uniquely identified by using their IP addresses.So when communicating they need to get connected through the IP addresses.So the information is shared using different protocols like http. This transferring data is called TCP where the data is transmitted through data packets from server to client.  Using Node.js, we can use the same functionality to communicate with computers. Creating a Basic S...
Read more

How to Add Firebase to your Android Project

Image
From the previous article I gave you a brief introduction on Firebase. This article will help you to know how to add Fire base to your Android project.Lets get started . Go to your firebase dashboard for the android project that we created in the last article.You would get a similar interface as below. But this may be changes with time. On the dashboard there is an option to select Add firebase to your Android app.Select it and you will get similar window as given below. Here you will be asked the Android package name which is the package name of your added Android project. Add it there. com.example.user.myandroidapp is my package name and you can get it from MainActivity.java file. Next you will be asked to fill the  Debug signing certificate SHA-1   . This is optional but it is good to add it.  To add this go to your android studio and click the button Gradle in the top right.You will get a similar window given below.Click signingReport So...
Read more

Introduction To Node.js

Image
New to Node.js? This  article will help you to get to the basics of Node.js. What is Node.js? Node.js is an open source server framework and allows you to run JavaScript on the server. Its almost free to use It can run in many platforms  Widows Linux Mac and so on. Its package ecosystem is called 'npm'. It can generate dynamic page content Also can obtain the CRUD functionalities Very Fast. Good for real-time services like chats. Lets Get started ....! Here I use  Atom as my text editor. You can download and install it.Also you should download Node.js from the  Node.js Official Website  . After installing Node.js open your command prompt and type the following command to get to know the version node -v Now create a project folder in your root folder. Hello World!  Now lets type our first Node.js command to print Hello World! To  this open a js file called test,js in your project folder and type the followin...
Read more