Nodejs 搭建简单的Web服务器详解及实例

使用 Nodejs 搭建简单的Web服务器

使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块、文件系统、url解析模块、路径解析模块、以及301重定向问题,下面我们就简单讲一下如何来搭建一个简单的Web服务器。

作为一个Web服务器应具备以下几个功能:

1、能显示以.html/.htm结尾的Web页面

2、能直接打开以.js/.css/.json/.text结尾的文件内容

3、显示图片资源

4、自动下载以.apk/.docx/.zip结尾的文件

5、形如http://xxx.com/a/b/ , 则查找b目录下是否有index.html,如果有就显示,如果没有就列出该目录下的所有文件及文件夹,并可以进一步访问。

6、形如http://xxx.com/a/b,  则作301重定向到http://xxx.com/a/b/ , 这样可以解决内部资源引用错位的问题。

引入需要用到的几个模块:

//http协议模块
var http = require('http');
//url解析模块
var url = require('url');
//文件系统模块
var fs = require("fs");
//路径解析模块
var path = require("path");

创建服务并在指定的端口监听:

//创建一个服务
var httpServer = http.createServer(this.processRequest.bind(this));

//在指定的端口监听服务
httpServer.listen(port,function(){
  console.log("[HttpServer][Start]","runing at http://"+ip+":"+port+"/");
  console.timeEnd("[HttpServer][Start]");
});

在创建服务的时候需要传递一个匿名函数processRequest 对请求进行处理,processRequest接收2个参数,分别是request和response, request对象中包含了请求的所有内容,response是用来设置响应头以及对客户端做出响应操作。

processRequest:function(request,response){
  var hasExt = true;
  var requestUrl = request.url;
  var pathName = url.parse(requestUrl).pathname;

  //对请求的路径进行解码,防止中文乱码
  pathName = decodeURI(pathName);

  //如果路径中没有扩展名
  if(path.extname(pathName) === ''){
    //如果不是以/结尾的,加/并作301重定向
    if (pathName.charAt(pathName.length-1) != "/"){
      pathName += "/";
      var redirect = "http://"+request.headers.host + pathName;
      response.writeHead(301, {
        location:redirect
      });
      response.end();
    }
    //添加默认的访问页面,但这个页面不一定存在,后面会处理
    pathName += "index.html";
    hasExt = false; //标记默认页面是程序自动添加的
  }

  //获取资源文件的相对路径
  var filePath = path.join("http/webroot",pathName);

  //获取对应文件的文档类型
  var contentType = this.getContentType(filePath);

  //如果文件名存在
  fs.exists(filePath,function(exists){
    if(exists){
      response.writeHead(200, {"content-type":contentType});
      var stream = fs.createReadStream(filePath,{flags:"r",encoding:null});
      stream.on("error", function() {
        response.writeHead(500,{"content-type": "text/html"});
        response.end("<h1>500 Server Error</h1>");
      });
      //返回文件内容
      stream.pipe(response);
    }else { //文件名不存在的情况
      if(hasExt){
        //如果这个文件不是程序自动添加的,直接返回404
        response.writeHead(404, {"content-type": "text/html"});
        response.end("<h1>404 Not Found</h1>");
      }else {
        //如果文件是程序自动添加的且不存在,则表示用户希望访问的是该目录下的文件列表
        var html = "<head><meta charset='utf-8'></head>";

        try{
          //用户访问目录
          var filedir = filePath.substring(0,filePath.lastIndexOf('\\'));
          //获取用户访问路径下的文件列表
          var files = fs.readdirSync(filedir);
          //将访问路径下的所以文件一一列举出来,并添加超链接,以便用户进一步访问
          for(var i in files){
            var filename = files[i];
            html += "<div><a href='"+filename+"'>"+filename+"</a></div>";
          }
        }catch (e){
          html += "<h1>您访问的目录不存在</h1>"
        }
        response.writeHead(200, {"content-type": "text/html"});
        response.end(html);
      }
    }
  });
},

请求处理函数中有几个重点需要说一下:

对于路径中有中文的,浏览器会自动进行编码(英文不变,中文会变),因此在接收到地址后,需要对地址进行解码,否则最后得到的路径和真实路径不相符,

当访问路径不是以具体的文件结尾,并且不是以/结尾,则需要通过重定向加上/,表示当前目录,否则当前路径下的静态资源会找不到

如果访问路径是目录,则列出该目录下所有文件及文件夹,并可以点击访问,为了让中文目录能正常显示,则还要在header中设置charset=utf-8

核心代码就这么多,大概140行左右,完整的代码已上传到http://xiazai.jb51.net/201611/yuanma/Node-master(jb51.net).rar

如果要运行demo,打开cmd切换到根目录,运行node start即可。

如有问题,欢迎讨论!

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

(0)

相关推荐

  • nodejs构建本地web测试服务器 如何解决访问静态资源问题

    直接打开html文件,是以file:///方式打开的,这种方式很多时候会遇到跨域的问题,因此我们一般会搭建一个简易的本地服务器,来运行测试页面. 一.构建静态服务器 1.使用express模块 建立个js文件,命名server,内容代码如下: var express = require('express'); var app = express(); var path = require('path'); //指定静态资源访问目录 app.use(express.static(require('

  • nodejs创建web服务器之hello world程序

    Node.js 最主要的应用是服务器序. 设计Node.js 的一个主要目的是提供高度可扩展的服务器环境.这是我们在本章开篇介绍过的Node 和V8 引擎有所区别的地方.Node 除了用V8 引擎来解析JavaScript 外,还提供了高度优化的应用库,用来提高服务器效率.比如说,HTTP模块是专为快速非阻塞式HTTP 服务器而用C 重新编写的.让我们看一下Node 采用HTTP 服务器的"Hello World"经典例子 复制代码 代码如下: var http=require('ht

  • 用nodejs搭建websocket服务器

    简单开始 1.安装node.https://nodejs.org/en/ 2.安装ws模块 ws:是nodejs的一个WebSocket库,可以用来创建服务. https://github.com/websockets/ws 3.server.js 在项目里面新建一个server.js,创建服务,指定8181端口,将收到的消息log出来. var WebSocketServer = require('ws').Server, wss = new WebSocketServer({ port: 8

  • Nodejs如何搭建Web服务器

    使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块.路径解析模块.以及301重定向问题,下面我们就简单讲一下如何来搭建一个简单的Web服务器. 作为一个Web服务器应具备以下几个功能: 1.能显示以.html/.htm结尾的Web页面 2.能直接打开以.js/.css/.json/.text结尾的文件内容 3.显示图片资源 4.自动下载以.apk/.

  • Nodejs 搭建简单的Web服务器详解及实例

    使用 Nodejs 搭建简单的Web服务器 使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块.路径解析模块.以及301重定向问题,下面我们就简单讲一下如何来搭建一个简单的Web服务器. 作为一个Web服务器应具备以下几个功能: 1.能显示以.html/.htm结尾的Web页面 2.能直接打开以.js/.css/.json/.text结尾的文件内容

  • Python Web程序搭建简单的Web服务器

    上一篇讲了<Python入门>Windows 7下Python Web开发环境搭建笔记,接下来讲一下Python语言Web服务的具体实现:第一个Python Web程序--简单的Web服务器. 与其它Web后端语言不同,Python语言需要自己编写Web服务器. 如果你使用一些现有的框架的话,可以省略这一步: 如果你使用Python CGI编程的话,也可以省略这一步: 用Python建立最简单的web服务器 利用Python自带的包可以建立简单的web服务器.在DOS里cd到准备做服务器根目录

  • 单台服务器中利用Apache的VirtualHost如何搭建多个Web站点详解

    前言 本文将详细记录一下如何在单台服务器上,利用apache的virtualhost(虚拟主机)来搭建多个不同的web站点,并且每个站点独立管理自己的session,下面话不多说了,来一起看看详细的介绍吧. 开发环境 先说下我各项开发环境参数: 操作系统: RedHat6.7(CentOS) WEB服务器:apache2.2 php5.6.30 修改Apache配置 apache2.2 的配置文件路径在 /etc/httpd/conf/httpd.conf 我们用下面的命令修改apache的配置

  • python+Django+pycharm+mysql 搭建首个web项目详解

    本文实例讲述了python+Django+pycharm+mysql 搭建首个web项目.分享给大家供大家参考,具体如下: 前面的文章记录了环境搭建的过程,本节记录首个web项目调试 首先检查安装的模块,输入dos命令 pip list, 会显示已安装的模块,看是否有Django,PyMySQL模块 C:\Users\Administrator\PycharmProjects>pip list DEPRECATION: The default format will switch to colu

  • 如何利用C语言实现最简单的HTTP服务器详解

    此段代码的特点 <h1>Hello!</h1> 如何编译运行? 编译: gcc -o hello_server hello_server.c 运行: ./hello_server 请求: curl http://localhost:8888/any 源文件 hello_server.c #include <stdio.h> #include <stdlib.h> #include <sys/types.h> #include <sys/so

  • Nodejs多站点切换Htpps协议详解及简单实例

    Nodejs多站点切换Htpps协议详解 纯属赶个时髦,折腾了两天终于将个人小站的全部服务由http协议切换到了https,整个过程虽然也不算太麻烦,但也不得不承认,个人对互联网安全这方面的知识确认比较欠缺: Letsencrypt是由Mozilla.思科和EFF等组织发起的,免费向广大互联网网站提供SSL证书,目的在于加速推进互联网由Http过渡到Https,很高兴周末能够与其不期而遇,这对于一个互联网散户来说,绝对是大大的福利,所以决定乘周末折腾一番:先搞到证书,再改程序: 获取letsen

  • python快速建立超简单的web服务器的实现方法

    作为临时测试用python命令来搭建web测试是最好不过的选择了: CD切换到当前目录只需要一句python命令就迅速搭建好了简单的web服务器,python linux自带又无需额外配置安装感觉还是很好用的: python开启web服务器命令 python -m SimpleHTTPServer 8080 端口号可以任意指定一个没有被占用的端口,但必须能通过防火墙: 执行完上面命令后,直接输入IP地址加端口号就行了 http://:端口号/路径  如:http://192.168.0.12/8

  • java实现一个简单的Web服务器实例解析

    Web服务器也称为超文本传输协议服务器,使用http与其客户端进行通信,基于java的web服务器会使用两个重要的类, java.net.Socket类和java.net.ServerSocket类,并基于发送http消息进行通信. 这个简单的Web服务器会有以下三个类: *HttpServer *Request *Response 应用程序的入口在HttpServer类中,main()方法创建一个HttpServer实例,然后调用其await()方法,顾名思义,await()方法会在指定端口上

  • Python Flask 搭建微信小程序后台详解

    前言: 近期需要开发一个打分的微信小程序,涉及到与后台服务器的数据交互,因为业务逻辑相对简单,故选择Python的轻量化web框架Flask来搭建后台程序.因为是初次接触小程序,经过一番摸索和尝试,个人觉得的微信小程序与后台的交互有点像ajax,所以有ajax开发经验的同学开发小程序应该很容易上手,因为本文着重讲解后台程序的搭建,所以,微信小程序的前端开发将一笔带过,有兴趣学习小程序前端语言的同学可移步网易云课堂的一套快速入门课程<轻松玩转微信小程序>. 分三步讲解微信小程序与Python后台

  • pm2与Verdaccio搭建私有npm库过程详解

    目录 前言 一般私有化的npm仓库有以下几种方法实现: 下面对各个方案进行一个粗浅的对比: 为什么选用Verdaccio? 安装 修改配置 配置文件 权限把控 部署 docker部署 pm2部署 管理npm仓库源 npm包发布 注册 登录 发布 删除 前言 最近开会的时候讨论到前端组件库搭建,因为需要多人协作,使用npm link等都比较麻烦,且当业务规模较大了之后,我们一般会有自己的脚手架,自己的全局工具包等等.其中可能包含了自身的业务代码不能公开,因此我们都需要一个私有化的npm仓库. 一般

随机推荐