使用Node.js搭建静态资源服务详细教程

对于Node.js新手，搭建一个静态资源服务器是个不错的锻炼，从最简单的返回文件或错误开始，渐进增强，还可以逐步加深对http的理解。那就开始吧，让我们的双手沾满网络请求！

Note:

当然在项目中如果有使用express框架，用express.static一行代码就可以达到目的了：

app.use(express.static('public'))

这里我们要实现的正是express.static背后所做工作的一部分，建议同步阅读该模块源码。

基本功能

不急着写下第一行代码，而是先梳理一下就基本功能而言有哪些步骤。

在本地根据指定端口启动一个http server，等待着来自客户端的请求

当请求抵达时，根据请求的url，以设置的静态文件目录为base，映射得到文件位置

检查文件是否存在

如果文件不存在，返回404状态码，发送not found页面到客户端

如果文件存在：

打开文件待读取

设置response header

发送文件到客户端

6.等待来自客户端的下一个请求

实现基本功能

代码结构

创建一个

nodejs-static-webserver

npm init

mkdir nodejs-static-webserver && cd "$_"
// initialize package.json
npm init

接着创建如下文件目录：

-- config
---- default.json
-- static-server.js
-- app.js
default.json
{
 "port": 9527,
 "root": "/Users/sheila1227/Public",
 "indexPage": "index.html"
}

default.js存放一些默认配置，比如端口号、静态文件目录（root)、默认页（indexPage）等。当这样的一个请求http://localhost:9527/myfiles/抵达时. 如果根据root映射后得到的目录内有index.html，根据我们的默认配置，就会给客户端发回index.html的内容。

static-server.js

const http = require('http');
const path = require('path');
const config = require('./config/default');
class StaticServer {
 constructor() {
  this.port = config.port;
  this.root = config.root;
  this.indexPage = config.indexPage;
 }
 start() {
  http.createServer((req, res) => {
   const pathName = path.join(this.root, path.normalize(req.url));
   res.writeHead(200);
   res.end(`Requeste path: ${pathName}`);
  }).listen(this.port, err => {
   if (err) {
    console.error(err);
    console.info('Failed to start server');
   } else {
    console.info(`Server started on port ${this.port}`);
   }								 
 1/9    1 2 3 4 5 6 下一页 尾页