使用 Node.js 构建的简单静态文件服务器 - Javascript

在 Web 开发中，经常需要在本地搭建一个简单的本地静态文件服务器，以便在开发和调试过程中访问静态文件资源。Node.js 提供了轻松构建本地静态文件服务器的功能，下面介绍一种基于 Node.js 的简单静态文件服务器实现。

实现过程

下面是一个基本的实现过程：

1. 创建一个基于 Node.js 的 HTTP 服务器
2. 使用 Node.js 提供的 FS 模块读取本地文件
3. 将读取的文件内容作为 HTTP 响应数据返回给客户端

下面是实现前准备：

• Node.js 环境
• package.json 文件
• express 模块

package.json 文件

我们需要在项目根目录下生成一个 package.json 文件，然后添加 express 模块依赖：

{
  "name": "static-file-server",
  "dependencies": {
    "express": "^4.16.2"
  },
  "scripts": {
    "start": "node server.js"
  }
}

Express 基础

为了方便使用，我们选择使用 Express 来实现静态文件服务器。如果您还没有使用过 Express，这里简单介绍下：

• Express 是一个基于 Node.js 平台的 Web 开发框架。
• Express 提供了一组简单的 API，能够帮助我们快速构建 Web 应用程序。
• Express 并不是 Node.js 的内置模块，需要手动安装。

实现代码

server.js

下面是完整的服务器实现代码：

const fs = require('fs');
const path = require('path');
const express = require('express');

const app = express();

const port = 8080;
const fileDir = path.join(__dirname, 'public');

app.use(express.static(fileDir));

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

• 代码中我们使用了 Node.js 的核心模块：fs 和 path。
• 我们创建了一个 Express 实例，用于处理客户端请求。
• 我们将静态资源目录暴露为一个静态文件服务，使用 express.static() 方法。
• 使用 app.listen() 方法启动服务器，指定监听的端口。

下载并运行

下载或 clone 项目，安装依赖：

$ npm install

运行：

$ npm start

然后在浏览器中打开 http://localhost:8080/ 即可访问静态文件服务器。

总结

我们在这里学习了如何使用 Express 基于 Node.js 实现一个简单的静态文件服务器，可以供我们在本地开发和调试 Web 应用程序时使用。