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

Working with Buttons in Android Studio

Image
From the  previous article  we went through a basic introduction on Android Studio.This article help you to get to know about Buttons in android studio.Open up Android studio and start. Given below is the edited code of the text view that I have used. <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="Hello World!" android:textSize="36sp" android:id="@+id/textView" /> Go to your palette in the project. Then drag and place the button where you need in the content. Then move onto your text view. There you can see that the code for the button has been activated. There is an ID given to the button to identify a particular component which is always unique. You can give name to the button in android.text. Now give a background color to the button. Method 1 : Using inbuilt colors android: ba...
Read more

Java Part 2 :How to Install Java

Image
This article will show you how to set up the java environment in your computer. For this you will have to install below set of software. Java Standard Edition (SE) Developer's Kit (JDK) Netbeans Integrated Development Environment (IDE) Install Java Standard Edition (SE) Developer's Kit (JDK) Installation can be done from the following link. http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Once you click the link you will get window given below. From this window you can download the software according to your operating system. But in here make sure to accept the license agreement before you start downloading the software. Netbeans Integrated Development Kit Netbeans integrated development kit can be downloaded using the following link. https://netbeans.org/downloads/ But for the easy installation, you can download and  install Java JDK and Netbeans from the following link at once. http://www.o...
Read more

Ruby - Dynamic, Open source programming language

Image
Hey all... CodeCircle is back with a new programming language. This article is intended to give you a basic introduction to Ruby programming language. Ruby is a Dynamic, Open source programming language which is mainly focused on simplicity and productivity. This language is completely a free language which is developed by  Yukihiro Matsumoto.  This article will help you to get a fresh start in Ruby. "Hello World...!" As the first command in Ruby, we will look how to print a statement in Ruby. Basically, the print statement can be printed using two methods, 1) puts method The built-in method puts used to print a statement. The strings are printed using single or double quotes. Given below is the command used to print the statement "Hello World...!". puts "Hello World...!" Try this command 2) print method Another built-in method is Print which can be shown as below. print "Hello World...!" Try this command In Rub...
Read more