参考链接:https://www.cnblogs.com/onepixel/p/5327594.html
使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程,因为实现Web服务器需要用到几个比较重要的模块: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/ , 这样可以解决内部资源引用错位的问题。
示例代码如下:
// 注意事项:共有两个文件,server.js
和 start.js
,请将它们同时放在web项目根目录下
// server模块 server.js
module.exports = (function () {
'use strict';
console.time('[HttpServer][Start]');
let http = require('http'); // http协议模块
let url = require('url'); // url解析模块
let fs = require('fs'); // 文件系统模块
let path = require('path'); // 路径解析模块
return {
// 启动服务
start: function () {
let ip = this.config.ip;
let port = this.config.port;
// 创建一个服务
let httpServer = http.createServer(this.processRequest.bind(this));
// 在指定的端口监听服务
httpServer.listen(port, function () {
console.log(`[HttpServer][Start]: running at http://${ip}:${port}/`);
console.timeEnd('[HttpServer][Start]');
});
httpServer.on('error', function (error) {
console.error(error);
});
},
/**
* 请求处理
* @param request
* @param response
*/
processRequest: function (request, response) {
let hasExt = true;
let requestUrl = request.url;
let pathName = url.parse(requestUrl).pathname;
// 对请求的路径进行解码,防止中文乱码
pathName = decodeURI(pathName);
// 如果路径中没有扩展名
if (path.extname(pathName) === '') {
// 如果不是以/结尾的,加/并作301重定向
if (pathName.charAt(pathName.length - 1) !== '/') {
pathName += '/';
let redirect = `http://${request.headers.host}${pathName}`;
response.writeHead(301, {
location: redirect
});
response.end();
return; // fix bug: 执行301重定向后应终止后续流程,以防 'write after end' 异常 (2017-4-21 23:11:37)
}
// 添加默认的访问页面,但这个页面不一定存在,后面会处理
pathName += 'index.html';
hasExt = false; // 标记默认页面是程序自动添加的
}
// 获取资源文件的相对路径
// let filePath = path.join('http/webroot',pathName);
let filePath = path.join('./', pathName);
// 获取对应文件的文档类型
let contentType = this.getContentType(filePath);
// 如果文件名存在
fs.exists(filePath, function (exists) {
if (exists) {
response.writeHead(200, {'content-type': contentType});
let stream = fs.createReadStream(filePath, {flags: 'r', encoding: null});
stream.on('error', function () {
response.writeHead(500, {'content-type': 'text/html'});
response.end('500 Server Error
');
});
// 返回文件内容
stream.pipe(response);
} else { // 文件名不存在的情况
if (hasExt) {
// 如果这个文件不是程序自动添加的,直接返回404
response.writeHead(404, {'content-type': 'text/html'});
response.end('404 Not Found
');
} else {
//如果文件是程序自动添加的且不存在,则表示用户希望访问的是该目录下的文件列表
let html = '';
try {
//用户访问目录
let filedir = filePath.substring(0, filePath.lastIndexOf('\\'));
//获取用户访问路径下的文件列表
let files = fs.readdirSync(filedir);
//将访问路径下的所以文件一一列举出来,并添加超链接,以便用户进一步访问
for (let filename of files) {
html += `
<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) {
let contentType = this.config.mime;
let 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, CMD中执行 node start.js
let http = require('./server');
http.start();