在 Deno 中实现简单的静态文件服务器-JavaScript中文网-JavaScript教程资源分享门户

最近，随着对 Deno 的兴趣不断提升，越来越多的开发者开始研究如何在 Deno 中实现简单的静态文件服务器。本篇文章将介绍如何利用 Deno 的 HTTP 模块和文件系统模块，编写一个简单的静态文件服务器，并提供详细的指导。

Deno 简介

Deno 是一个用 Rust 和 TypeScript 编写的运行时环境，旨在解决 Node.js 存在的一些问题。与 Node.js 不同，Deno 通过使用内置的权限控制功能，允许在沙盒中运行 JavaScript 和 TypeScript 代码。Deno 还使用了 V8 JavaScript 引擎和 Rust 编写的基于 Tokio 的异步 I/O。

与 Node.js 相比，Deno 具有以下优点：

内置权限控制功能
去除了 CommonJS 和 NPM 的使用限制
支持编译 TypeScript 代码
内置浏览器兼容的 URL API
更好的模块管理和更好的 ES6+ 支持

实现一个简单的静态文件服务器

要实现一个简单的静态文件服务器，需要具备以下两个必要的模块：

HTTP 模块：用于创建 HTTP 服务器和处理 HTTP 请求
文件系统模块：用于读取文件系统中的文件

HTTP 模块

Deno 的 HTTP 模块是标准的 Web API，类似于浏览器中的 Fetch API。我们可以使用这个模块来创建 HTTP 服务器和处理 HTTP 请求。下面是如何创建一个简单的 HTTP 服务器：

import { serve } from "https://deno.land/std/http/server.ts";

const server = serve({ port: 8000 });

for await (const req of server) {
  req.respond({ body: "Hello, Deno!" });
}

首先，我们通过从 Deno 库中导入 HTTP 服务器函数 serve 来创建一个 HTTP 服务器。服务器是通过 serve 函数返回的可迭代对象创建的，该对象为每个传入请求生成一个迭代器。使用 for await of 语法，我们可以在迭代器上循环并处理每个请求。在这个示例中，我们将简单地响应“Hello, Deno!”字符串。

文件系统模块

得益于 Deno 内置的权限控制功能，代码可以直接访问本地文件系统。使用标准的 JavaScript fs 模块来读取文件，不过需要通过特殊的权限控制来实现这一点。下面是如何读取本地文件系统中的文件：

import {readFileStr} from 'https://deno.land/std/fs/mod.ts';

const content = await readFileStr('/path/to/file.txt');

这里我们从文件系统模块中导入 readFileStr 函数，该函数可以异步读取文件内容。我们传递的参数是文件的路径，函数将返回一个 Promise 对象，该对象在文件读取完成时将被解析。在这个示例中，我们只需要使用 await 关键字来解析 Promise 并访问文件内容。

实现一个静态文件服务器的思路

基于以上的 HTTP 模块和文件系统模块，我们可以实现一个简单的静态文件服务器，其主要思路如下：

创建一个 HTTP 服务器，监听指定端口
处理传入的 HTTP GET 请求
从请求的 URL 中提取文件路径
将文件路径与服务器根目录拼接
检查文件是否存在
如果存在，读取文件内容并发送响应
如果不存在，发送 404 响应

接下来，我们将通过示例代码来展示如何实现这个思路。

示例代码

下面的代码是一个简单的静态文件服务器，它可以返回服务器根目录下的任何文件，并将文件内容作为响应接收到客户端。

import { serve } from "https://deno.land/std/http/server.ts";
import { extname, join } from "https://deno.land/std/path/mod.ts";
import { readFileStr } from "https://deno.land/std/fs/mod.ts";

const server = serve({ port: 8000 });
const basePath = Deno.cwd();

console.log(`Server started on port 8000`);

for await (const req of server) {
  let filePath = join(basePath, req.url);

  if (req.method === "GET") {
    if (filePath === basePath) {
      filePath = join(basePath, "index.html");
    }

    const fileExtension = extname(filePath);

    try {
      const fileContent = await readFileStr(filePath);

      req.respond({
        status: 200,
        body: fileContent,
        headers: new Headers({
          "Content-Type": `text/${fileExtension === ".js" ? "javascript" : "html"}`,
        }),
      });
    } catch (err) {
      req.respond({ status: 404 });
    }
  } else {
    req.respond({ status: 405 });
  }
}

这个示例代码完成了上述的主要思路，它的关键在于如何处理文件路径和文件类型。在上面的代码中，我们几乎做到了完美的错误处理。

当请求方法不是 GET 时，我们响应 405 错误。如果文件不存在，我们响应 404 错误。一旦文件被正确读取，我们会检测文件扩展名并设置正确的 Content-Type 报头。

总结

在 Deno 中实现一个静态文件服务器是一个很好的练习，因为它涵盖了许多不同的知识领域，包括 HTTP、文件系统、路径操作、错误处理等等。Deno 通过内置的权限控制和更开放的模块系统使这项任务变得更加简单。希望这篇文章对你有所启发，帮助你在 Deno 中构建更好的 Web 应用程序。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/658ffbd0eb4cecbf2d5861ae