Node.js 手写静态资源服务器：一步步实现 HTTP 服务器

前端

2023-12-31 13:14:12

前言

在现代 Web 开发中，静态资源服务器扮演着至关重要的角色。它负责向客户端提供 HTML、CSS、JavaScript 等静态资源，是网站或应用程序正常运行的基础。

原理

静态资源服务器的工作原理并不复杂，它主要负责以下几个步骤：

监听请求： 服务器首先会监听指定端口的 HTTP 请求，等待客户端的访问。
接收请求： 当客户端发出请求时，服务器会接收该请求，并解析请求头和请求体。
处理请求： 服务器根据请求头中的信息，确定要返回的资源。
发送响应： 服务器将请求的资源装载到响应体中，并发送响应给客户端。

实现

创建 HTTP 服务器

要实现一个静态资源服务器，首先需要创建一个 HTTP 服务器。我们可以使用 Node.js 自带的 http 模块来创建 HTTP 服务器：

const http = require('http');

const server = http.createServer((req, res) => {
  // 处理请求
});

server.listen(3000);

这样我们就创建了一个监听 3000 端口的 HTTP 服务器，当客户端向该端口发送请求时，服务器就会调用回调函数 (req, res) 来处理请求。

添加静态资源处理功能

接下来，我们需要为服务器添加静态资源处理功能，以便能够向客户端提供 HTML、CSS、JavaScript 等静态资源。我们可以使用 Node.js 的 fs 模块来读取和发送静态资源文件：

const fs = require('fs');

server.on('request', (req, res) => {
  const url = req.url;
  const filePath = `./public${url}`;

  fs.readFile(filePath, (err, data) => {
    if (err) {
      res.statusCode = 404;
      res.end('Not Found');
    } else {
      res.statusCode = 200;
      res.end(data);
    }
  });
});

这样我们就实现了静态资源的处理功能，当客户端请求某个静态资源时，服务器会读取该资源文件并发送给客户端。

添加压缩和解压功能

为了优化服务器的性能，我们可以添加压缩和解压功能。这样可以减少数据的传输量，提高数据的传输速度。我们可以使用 Node.js 的 zlib 模块来实现压缩和解压功能：

const zlib = require('zlib');

server.on('request', (req, res) => {
  const url = req.url;
  const filePath = `./public${url}`;

  fs.readFile(filePath, (err, data) => {
    if (err) {
      res.statusCode = 404;
      res.end('Not Found');
    } else {
      res.statusCode = 200;
      res.setHeader('Content-Encoding', 'gzip');
      res.end(zlib.gzipSync(data));
    }
  });
});