Node.js学习笔记 01 搭建静态服务器

时间:2021-10-31 05:06:18

希望这篇文章能解决你这样一个问题:“我现在已经了解了一些Node.Js基本概念了,怎么搭一台静态服务器呢?”

请参考一下博主的前两篇文章:

完全面向于初学者的Node.js指南

Node.Js的Module System 以及一些常用 Module

本文实现的效果(样式就没做了,大家将就下):

Node.js学习笔记 01 搭建静态服务器Node.js学习笔记 01 搭建静态服务器

列出的代码均测试可用,大家放心。

What is static server?

静态服务器,有了它呢,就可以让外部访问到咱们的静态网页。在功能上:它可以给用户发送文件(如:HTML, CSS, Js等)。正如上一篇文章所说:

   Node.js本身并不是像IIS,Apache一样的webserver,它是一个JavaScript 的运行环境。所以,我们需要进行编码才能实现一个真正的京台服务器。

File stucture

Node.js学习笔记 01 搭建静态服务器后台目录建立如下,比较常规。大家可以随意定义目录结构,代码上相应地方改动一下就好。

app.js

本文的重点在于接下来的server模块,就不介绍app.js里的代码啦。(把主线代码写在app.js中是个不成文的约定,无需遵守,随意,随意。。。)

var http = require('http');
var path = require('path');
//引入我们自己编写的server模块
var server = require('./server.js'); http.createServer(function (request, response) {
//以下的判断用来做简单的路由
if (request.url == "/") {
filePath = path.join(__dirname, '/public/index.html');
} else {
filePath = path.join(__dirname, '/public' + request.url);
}
server.serveStatic(response, filePath);
}).listen(/*侦听4000端口*/4000, function () {
console.log("Server listening on port 4000");
});

MIME

静态服务器有一个必须实现的功能即为在HTTP报文中指定MIME type. WIKI MIME

我们会引用一个第三方组件mime,通过npm安装,该组件可以根据文件的extension name映射mime type.

所以,请在根目录运行一下 npm install mime --save

server.js

var fs = require('fs');
//provide the ability to derive a mime type based on the filename extension
var mime = require('mime'); var cache = {}; //这不是IIS,Apache所以404必须自定义一下,
function send404(response) {
response.writeHead(404, { "Content-Type": "text/html" });
response.write("<h1>ERROR 404 FILE NOT FOUND</h1>");
response.end();
} //向客户端发送文件
function sendFile(response, filePath, fileContents) {
response.writeHead(200, { "Content-Type": mime.lookup(filePath) });
response.end(fileContents);
} //这个函数导出,给主模块使用
function serveStatic(response, absPath) {
if (cache[absPath]) {
sendFile(response, absPath, cache[absPath]);
} else {
fs.exists(absPath, function (exists) {
if (exists) {
fs.readFile(absPath, function (err, data) {
if (err) {
send404(response);
} else {
cache[absPath] = data;
sendFile(response, absPath, data);
}
});
}
else {
send404(response);
}
});
}
} exports.serveStatic = serveStatic;

解释部分如注释。。。至此,编码部分就完啦。

How to test

我们可以在./public 下放一个index.html 内容随意。。。node 跑起来后,只要输入 http://localhost:4000 返回的是它,输入http://localhost:4000/XXX  返回的是404,那么,静态服务器就搭起来了。

Summary

这个DEMO过于简单,应该不能满足大家胃口。以后会介绍如何搭一个动态的网站(以Restful service为例)。