{"id":4342,"date":"2019-04-26T16:37:38","date_gmt":"2019-04-26T11:07:38","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=4342"},"modified":"2019-04-26T16:43:00","modified_gmt":"2019-04-26T11:13:00","slug":"how-to-install-and-run-the-simple-web-page-using-nodejs-in-windows","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/how-to-install-and-run-the-simple-web-page-using-nodejs-in-windows\/","title":{"rendered":"HOW TO INSTALL AND RUN THE SIMPLE WEB PAGE USING NODEJS IN WINDOWS"},"content":{"rendered":"\n

HOW TO INSTALL AND RUN THE SIMPLE WEB PAGE IN NODEJS IN WINDOWS<\/strong><\/p>\n\n\n\n

Date posted :25\/04\/2019<\/strong><\/h4>\n\n\n\n

We can download the node js from the following link.<\/p>\n\n\n\n

https:\/\/nodejs.org\/en\/<\/a><\/p>\n\n\n\n

And install the nodejs by clicking install.<\/p>\n\n\n\n

To test the nodejs installed, run the following code into the terminal<\/p>\n\n\n\n

>>node --version<\/code><\/pre>\n\n\n\n
If nodejs installed it will shows the version of the nodejs<\/p>\n\n\n\n
We can check also using the following command.<\/p>\n\n\n\n
>>node \/\/ it runs the nodejs code.<\/code><\/pre>\n\n\n\n
>>console.log(\"Welcome To nodejs\");<\/code><\/pre>\n\n\n\n
Output:<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
To run the simple webpage in server with the nodejs run the following code<\/p>\n\n\n\n
>>Open the text editor and past the following code and save it as index.js<\/p>\n\n\n\n
var http = require(\"http\");\nvar fs = require(\"fs\");\n\nvar server = http.createServer(function (req, res) {\n   console.log('request was made: ' + req.url);\n\n   res.writeHead(200, {'Content-Type': 'text\/html'});\n   var myReadStream = fs.createReadStream(__dirname + '\/login.html', 'utf8');\n   myReadStream.pipe(res);\n   \n   \/\/ Send the response body as \"Hello World\"\n\n  \n});\nserver.listen(8084, '127.0.0.1');\n\n\/\/ Console will print the message\nconsole.log('Server running at http:\/\/127.0.0.1:8084\/');\n\n<\/pre>\n\n\n\n
Then create a file and past the following code and save it as login.html.<\/p>\n\n\n\n
\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n   <head>\n      <meta charset=\"utf-8\">\n      <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->\n      <title>Full screen background cover page. - Bootsnipp.com<\/title>\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n      <link href=\"http:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.2.0\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n      <link href=\"css\/site.css\" rel=\"stylesheet\">\n      <style type=\"text\/css\">\n        \n         .background {\n         background-color: green;\n         margin-left: -10px;\n         margin-top: 150px;\n         position: absolute;\n         opacity: 1;\n         left: 0px;\n         top: 0px;\n         bottom: 10px;\n         width: 100%;\n         height: 50%;\n         -ms-transform: rotate(-50deg); \/* IE 9 *\/\n         -webkit-transform: rotate(-6deg); \/* Safari 3-8 *\/\n         \/*transform: rotate(-20deg);*\/\n         background-repeat: repeat-x;\n         transform: skewY(-8deg);\n         \/* z-index: -1;\n         background-size: 100% 100%;\n         *\/\n         }\n         .background1 {\n         background-color: green;\n         margin-right: -10px;\n         margin-left: -13px;\n         position: absolute;\n         opacity: 1;\n         left: 0px;\n         top: 0px;\n         bottom: 10px;\n         width: 100%;\n         height: 50%;\n         }\n         .background2 {\n         color:white;\n         margin-left: 248px;\n         margin-top: 0px;\n         font-size: 20px;\n         }\n         .background3 {\n        background-color: white;\n        font-size: 20px;\n        margin-top: 10px;\n        color: black;\n        margin-left: 50px;\n         }\n         .loging{\n         margin-left: 629px !important;\n         }\n         .singup{\n         margin-left: 24px !important;\n         }\n         \n        \n         .big-title{\n        font-size: 30px;\n    color: #ffffff;\n    font-weight: 700;\n    line-height: 62px;\n    margin-bottom: 25px;\n    position: absolute;\n    margin-top: 150px;\n}\n.button{\n         \n        background-color: green;\n        width: 364px;\n        height: 37px;\n        font-size: 20px;\n}\n.reduse{\n  padding-bottom: 20px;\n}\n\n\n\n\n\n@import url('https:\/\/fonts.googleapis.com\/css?family=Numans');\n\nhtml,body{\n\nbackground-size: cover;\nbackground-repeat: no-repeat;\nheight: 100%;\nfont-family: 'Numans', sans-serif;\n}\n\n.container{\nheight: 100%;\nalign-content: center;\n}\n\n.card{\n\nmargin-top: 80px;\nmargin-bottom: auto;\nwidth: 400px;\nbackground-color: #f2f2f2;\npadding: 30px;\n\n\n\n}\n.align{\n  margin-top: -10px !important;\n  color: black;\n      margin-left: -17px;\n  \n}\n\n\n.social_icon span{\nfont-size: 60px;\nmargin-left: 10px;\ncolor: #FFC312;\n}\n\n.social_icon span:hover{\ncolor: white;\ncursor: pointer;\n}\n\n.card-header h3{\ncolor: black;\n}\n\n.social_icon{\nposition: absolute;\nright: 20px;\ntop: -45px;\n}\n\n.input-group-prepend span{\nwidth: 50px;\nbackground-color: #FFC312;\ncolor: black;\nborder:0 !important;\n}\n\ninput:focus{\noutline: 0 0 0 0  !important;\nbox-shadow: 0 0 0 0 !important;\n\n}\n\n\n\n.remember input\n{\nwidth: 20px;\nheight: 20px;\nmargin-left: 15px;\nmargin-right: 5px;\n}\n\n.chngcolor{\n\n  color: black;\n  font-size: 15px;\n   margin-top: -20px !important;\n}\n.alignimage{\n  margin-top: 90px;\n  height: 242px;\n  width: 282px;\n}\n    \n         \n         \n      <\/style>\n      http:\/\/code.jquery.com\/jquery-1.11.1.min.js<\/a>\n      http:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.2.0\/js\/bootstrap.min.js<\/a>\n   <\/head>\n   <body>\n      
\n\n            \n       \n         
\n            
\n               hostnode2<\/a>\n               login<\/a>\n               signup<\/a>\n            <\/div>\n         <\/div>\n         \n         
\n          <\/div>\n\n          
\n            
\n               
\n              High Performance Server
At your Service\n               <\/div>\n\n                   
\n                                     <\/div>\n            <\/div>\n\n\n\n         
\n         <\/div>\n\n\n\n 
         \n          \n
\n         
\n            
\n               
\n\n                  
\n\n                    
\n                     
Get Started with<\/h2><\/p>\n                      
Hostnode<\/h2><\/p>\n                  <\/div>\n                     <form>\n\n\n                   
\n                        
\n                           \n                          
Email Address<\/p> \n                        <\/div>\n                        
\n                           
\n                              <\/i><\/span>\n                           <\/div>\n                           <p class=\"chngcolor\">password<\/p><input type=\"password\" class=\"form-control chngcolor\" placeholder=\"Enter your password\">\n                        <\/div>\n                        
\n