Windows下快速搭建NodeJS本地服务器的步骤

本文介绍了Windows下快速搭建NodeJS本地服务器的步骤，分享给大家，具体如下：

首先我们要到Node.js官网下载对应版本的安装包

http://nodejs.cn/download/

接着就是安装，和安装普通软件类似，直接下一步下一步就可以了。

之后我们来验证node是否安装成功，Win+R输入cmd来调出控制台并输入node -v和npm -v来查看node版本和npm（包管理工具）版本。

接着我们来创建一个server.js文件，并将下面的代码粘贴上去

var http = require('http');
var fs = require('fs');//引入文件读取模块

var documentRoot = 'I:/WebServer';
//需要访问的文件的存放目录

var server= http.createServer(function(req,res){

 var url = req.url;
 //客户端输入的url，例如如果输入localhost:8888/index.html
 //那么这里的url == /index.html 

 var file = documentRoot + url;
 console.log(url);

 fs.readFile( file , function(err,data){
 /*
  err为文件路径
  data为回调函数
   回调函数的一参为读取错误返回的信息，返回空就没有错误
   data为读取成功返回的文本内容
 */
  if(err){
   res.writeHeader(404,{
    'content-type' : 'text/html;charset="utf-8"'
   });
   res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
   res.end();
  }else{
   res.writeHeader(200,{
    'content-type' : 'text/html;charset="utf-8"'
   });
   res.write(data);//将index.html显示在客户端
   res.end();

  }

 });

}).listen(8888);

console.log('服务器开启成功');

为方便开启服务器调试网站，我们创建一个站点目录来存放node.js文件和网站文件

之后我们就可以通过控制台来开启服务器了

浏览器输入http://localhost:8888/index.html

就是这么简单，大家赶快去搭建自己的NodeJS本地服务器吧！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 3分钟快速搭建nodejs本地服务器方法运行测试html/js

    3分钟快速搭建nodejs本地服务器方法运行测试html/js

    做前端的都知道,公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情 首先:一般个人电脑没公司的配置性能好, 其次:搭建公司项目在自己电脑涉及很多缓存环境,资源环境包,数据库等的限制,加起来够搞一天了(熟悉公司搭建的环境除外) 就我自身公司而言情况是这样,我作为前端工程师, 前端目前是基于polymer--实现最近遇到的问题就是不知道自己写的页面有没有什么问题,但是要成功启动项目的tomcat才能看,因为这些页面无法直接打开,会包资源解析错误, 于是我在想,如何才能把前端页面不依赖tomcat这些

  • nodejs搭建本地服务器并访问文件的方法

    nodejs搭建本地服务器并访问文件的方法

    安装node:https://nodejs.org/en/download/ 在本地建立目录:f:/nodetest,在该目录下新建index.html作为我们将要访问的内容.新建server.js作为node开启的入口: $ cd f:/nodetest $ mkdir index.html $ mkdir server.js index.html文件里简单写一点东西: <!DOCTYPE html> <html lang="en"> <head>

  • Windows下快速搭建NodeJS本地服务器的步骤

    Windows下快速搭建NodeJS本地服务器的步骤

    本文介绍了Windows下快速搭建NodeJS本地服务器的步骤,分享给大家,具体如下: 首先我们要到Node.js官网下载对应版本的安装包 http://nodejs.cn/download/ 接着就是安装,和安装普通软件类似,直接下一步下一步就可以了. 之后我们来验证node是否安装成功,Win+R输入cmd来调出控制台并输入node -v和npm -v来查看node版本和npm(包管理工具)版本. 接着我们来创建一个server.js文件,并将下面的代码粘贴上去 var http = req

  • 在windows下快速搭建web.py开发框架方法

    在windows下快速搭建web.py开发框架方法

    用Python进行web开发的话有很多框架供选择,比如最出名的Django,tornado等,除了这些框架之外,有一个轻量级的框架使用起来也是非常方便和顺手,就是web.py.它由一名黑客所创建,但是不幸的是这位创建者于2013年自杀了.据说现在由另外一个人在维护和更新.现在就来了解一下windows下如何搭建web.py开发环境. 一.安装web.py 在 https://github.com/webpy/webpy上下载web.py安装包.注意github对浏览器版本有要求的,比如不支持IE

  • Windows下快速搭建安卓开发环境Android studio

    Windows下快速搭建安卓开发环境Android studio

    一.Android Studio简单介绍 2013年GoogleI/O大会首次发布了Android Studio IDE(Android平台集成开发环境).它基于Intellij IDEA开发环境,旨在取代Eclipse和ADT(Android开发者工具)为开发者提供更好的开发工具.既然Google一直在努力推广,相信不久以后就有望赶上Eclipse. 相比Eclipse,Android Studio IDE有自己的特点: 对UI界面设计和编写代码有更好地支持,可以方便地调整设备上的多种分辨率.

  • Linux环境下快速搭建ftp服务器方法介绍

    Linux环境下快速搭建ftp服务器方法介绍

    本文研究的主要是Linux环境下快速搭建ftp服务器方法,具体如下.首先看看ftp的介绍: FTP 是File Transfer Protocol(文件传输协议)的英文简称,而中文简称为"文传协议".用于Internet上的控制文件的双向传输.同时,它也是一个应用程序(Application).基于不同的操作系统有不同的FTP应用程序,而所有这些应用程序都遵守同一种协议以传输文件.在FTP的使用当中,用户经常遇到两个概念:"下载"(Download)和"上

  • IOS利用CocoaHttpServer搭建手机本地服务器

    IOS利用CocoaHttpServer搭建手机本地服务器

    缘起 今天用暴风影音看视频,然后发现它有个功能,wifi传片,感觉挺有意思,然后就上网查了下相关内容. 原理 使用CocoaHTTPServer框架,在iOS端建立一个本地服务器,只要电脑和手机连入同一热点或者说网络,就可以实现通过电脑浏览器访问iOS服务器的页面,利用POST实现文件的上传. 实现 1.下载CocoaHTTPServer 2.导入CocoaHTTPServer-master目录下的Core文件夹 3.导入Samples/SimpleFileUploadServer目录下的MyH

  • Windows下用Nginx配置https服务器及反向代理的问题

    Windows下用Nginx配置https服务器及反向代理的问题

    请求逻辑 前端 --> https方式请求nginx nginx --> 通过http请求后端服务 安装OpenSSL 下载地址 然后配置环境变量.在系统环境变量中添加环境变量: 变量名:OPENSSL_HOME 变量值:F:\OpenSSL-Win64\bin; (变量值为OPENSSL安装位置下的bin目录) 生成证书 用命令行随便打开一个目录, 使用如下命令生成证书 # 创建私钥 # test文件名是自己随便起即可, 这个命令会让你设置两次rsa的密码, 请务必记住该密码, 后续需要使用

  • windows下通过vnc访问liunx服务器

    windows下通过vnc访问liunx服务器

    安装步骤 一. windows下安装vnc-viewer 下载vnc-viewer的安装包,[安装包链接]http://www.realvnc.com/download/viewer/ ,并安装 二. Linux下安装vnc-server1.查看linux下是否安装vnc-server yum search vnc-server(见图1) rpm -qa|grep vnc (见图2) 图1 图2 2. 配置Linux图形参数 运行了vncserver后,会在当前用户目录下生成.vnc目录,当前用

  • Linux下快速搭建php开发环境

    Linux下快速搭建php开发环境

    一.Linux下快速搭建php开发环境 1.安装XAMPP for Linux XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包,使用XAMPP可快速搭建PHP开发环境.下载链接:https://www.apachefriends.org/download.html  进入下载界面选择XAMPP for Linux下载 启动终端输入命令  cd /下载xampp保存的路径.我的保存路径是:/home/coderose/下载.更改安装程序的安装权限,输入命令:

  • Mac下快速搭建PHP开发环境步骤详解

    最近做了一个后端的项目,是用PHP+MySQL+Nginx做的,所以把搭建环境的方法简单总结一下. 备注: 物料:Apache/Nginx+PHP+MySQL+MAMPMac OS 10.12.1 自带Apache,Nginx和PHP 1.运行Apache 查看Apache版本,在终端根目录输入如下命令: sudo apachectl -v 终端会输出Apache的版本及built时间 Server version: Apache/2.4.23 (Unix) Server built:   Au

随机推荐