Node.js创建HTTP文件服务器的使用示例

下面我将为您详细讲解如何使用Node.js创建HTTP文件服务器。

概述

Node.js是一个非常流行的JavaScript后端运行环境，它可以帮助我们轻松创建一个HTTP服务器并用于提供Web请求服务。本文将会介绍如何使用Node.js快速创建一个HTTP文件服务器。

步骤

步骤1：安装Node.js

首先我们需要安装Node.js，在官方网站 https://nodejs.org/zh-cn/ 下载安装包，并在本地安装。安装过程非常简单，只需按照指示操作即可。

步骤2：创建工作目录

在本地创建工作目录，并在其中新建一个JavaScript文件，例如 server.js。

步骤3：编写代码

在 server.js 文件中编写以下代码：

const http = require('http');   // 引入 http 模块
const fs = require('fs');       // 引入文件系统模块

const server = http.createServer((req, res) => {
    fs.readFile(__dirname + req.url, (err, data) => {   // 读取请求的文件
        if (err) {                                      // 如果文件不存在
            res.writeHead(404, {'Content-Type': 'text/plain'});
            res.write('The file does not exist.');
            res.end();
        } else {                                        // 文件存在
            res.writeHead(200, {'Content-Type': 'text/html'});
            res.write(data);
            res.end();
        }
    });
});

server.listen(3000, () => console.log('The server is running on http://localhost:3000'));  // 服务监听 3000 端口

上述代码中，我们使用Node.js的 http 模块创建了一个服务，并使用 fs 模块读取请求的文件。如果读取成功，将文件内容发送给客户端；否则发送404响应。

步骤4：启动服务

在终端中进入工作目录，执行以下命令启动服务：

node server.js

运行成功后，终端中会输出“The server is running on http://localhost:3000”，说明服务已经成功启动。

步骤5：访问

在浏览器中访问以下URL，即可访问到服务：

http://localhost:3000

至此，我们完成了使用Node.js创建HTTP文件服务器的全过程。

示例说明

下面是两个示例，帮助您更好地理解Node.js创建HTTP文件服务器的使用方法：

示例1：提供指定目录下的文件服务

如果您希望在服务中提供指定目录下的文件服务，可以在 server.js 中加入以下代码：

const path = require('path');   // 引入 path 模块

const server = http.createServer((req, res) => {
    const filepath = path.join(__dirname, 'public', req.url);   // 拼接文件路径
    fs.readFile(filepath, (err, data) => {                     // 读取请求的文件
        if (err) {                                              // 如果文件不存在
            res.writeHead(404, {'Content-Type': 'text/plain'});
            res.write('The file does not exist.');
            res.end();
        } else {                                                // 文件存在
            res.writeHead(200, {'Content-Type': 'text/html'});
            res.write(data);
            res.end();
        }
    });
});

// 更改监听端口
server.listen(4000, () => console.log('The server is running on http://localhost:4000'));

上述代码将会在 public 目录下寻找请求的文件。

示例2：添加缓存控制

如果您希望添加缓存控制，可以在 server.js 中加入以下代码：

const maxAge = 3600 * 24 * 365;   // 缓存周期为一年

fs.readFile(filepath, (err, data) => {
    if (err) {                                              // 如果文件不存在
        res.writeHead(404, {'Content-Type': 'text/plain'});
        res.write('The file does not exist.');
        res.end();
    } else {                                                // 文件存在
        const stats = fs.statSync(filepath);
        const lastModified = stats.mtime.toUTCString();
        const etag = crypto.createHash('md5').update(data.toString()).digest('hex');
        const expires = new Date(Date.now() + maxAge * 1000).toUTCString();
        res.setHeader('Cache-Control', 'public, max-age=' + maxAge);
        res.setHeader('Expires', expires);
        res.setHeader('Last-Modified', lastModified);
        res.setHeader('ETag', etag);

        const ifModifiedSince = req.headers['if-modified-since'];
        const ifNoneMatch = req.headers['if-none-match'];
        if (ifModifiedSince === lastModified || ifNoneMatch === etag) {
            res.writeHead(304, {'Content-Type': 'text/plain'});
            res.end();
        } else {
            res.writeHead(200, {'Content-Type': 'text/html'});
            res.write(data);
            res.end();
        }
    }
});

上述代码中，我们添加了缓存控制，避免重复读取同一个文件，提升服务器的性能。