Node.js学习笔记(五) --- 使用Node.js搭建Web服务器

时间：2022-12-01 13:49:38
1、 Node.js 创建的第一个应用

　1、引入http模块

var http = require("http");

   2、 创建服务器
接下来我们使用 http.createServer() 方法创建服务器，并使用 listen 方法绑定 8888 端口。函数通过 request, response 参数来接收和响应数据。

//1.引入 http 模块
var http=require('http');
//2.用 http 模块创建服务
http.createServer(function(req,res){
// 发送 HTTP 头部
// HTTP 状态值: 200 : OK
//设置 HTTP 头部，状态码是 200，文件类型是 html，字符集是 utf-8
res.writeHead(200,{"Content-Type":"text/html;charset='utf-8'"});
res.write('你好 nodejs');
res.write('我是第一个 nodejs 程序');
res.end(); /*结束响应*/
}).listen(8001);

　　

   2、 WEB 服务器介绍
Web 服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，可以向浏览器等 Web 客户端提供文档， 也可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载。目前最主流的三个 Web 服务器是 Apache 、 Nginx 、IIS。

   3、 Nodejs 封装一个 WEB 服务器

启动
node start
功能
* 能显示以 `.html/.htm` 结尾的 Web 页面

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

* 显示图片资源

* 自动下载以 `.apk/.docx/.zip` 结尾的文件

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

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

HttpServer.js

module.exports = (function () {

  "use strict";

  console.time('[HttpServer][Start]');

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

  return {
    //启动服务
    start: function () {
      var port = this.config.port;
      var ip = this.config.ip;

      //创建一个服务
      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]");
      });

      httpServer.on("error", function (error) {
        console.error(error);
      });
    },

    /**
     * 请求处理
     * @param request
     * @param response
     */
    processRequest: function (request, response) {
      var hasExt = true;
      var requestUrl = request.url;
      var pathName = url.parse(requestUrl).pathname;

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

      //如果路径中没有扩展名
      if ((pathName) === '') {
        //如果不是以/结尾的，加/并作301重定向
        if (pathName.charAt(pathName.length - 1) != "/") {
          pathName += "/";
          var redirect = "http://" + request.headers.host + pathName;
          response.writeHead(301, {
            location: redirect
          });
          response.end();
          return; //fix bug: 执行301重定向后应终止后续流程，以防 "write after 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);
          }
        }
      });
    },

    /**
     * 获取文档的内容类型
     * @param filePath
     * @returns {*}
     */
    getContentType: function (filePath) {
      var contentType = this.config.mime;
      var ext = path.extname(filePath).substr(1);
      if (contentType.hasOwnProperty(ext)) {
        return contentType[ext];
      } else {
        return contentType.default;
      }
    },

    ///配置信息
    config: {
      port: 8888,
      ip: '127.0.0.1',
      mime: {
        html: "text/html",
        js: "text/javascript",
        css: "text/css",
        gif: "image/gif",
        jpg: "image/jpeg",
        png: "image/png",
        ico: "image/icon",
        txt: "text/plain",
        json: "application/json",
        default: "application/octet-stream"
      }
    }
  }
})();

start.js

var http = require('./http/HttpServer');
http.start();

源代码

链接: https://pan.baidu.com/s/1JyrlKCslVjryAfHKzmWz6g 提取码: 3gyn
 
标签：

相关文章