使用 Deno 进行静态文件服务器搭建-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端开发过程中，静态资源的处理和传递是必不可少的，最常见的做法就是使用类似 Apache 或 Nginx 的服务器软件来托管文件。但是，为了更好地实现前端开发的持续性和跨平台性，我们需要更强大但同样便捷的工具。在这种情况下，我们可以选择 Deno。

Deno 是一个现代化的 JavaScript 和 TypeScript 运行环境，拥有强大的生态系统。它支持异步操作、文件操作、网络访问等，很适合用作静态文件服务器。本文将带你了解如何使用 Deno 来搭建静态文件服务器。

安装 Deno

Deno 的安装非常简单，只需要在命令行中输入以下命令即可：

curl -fsSL https://deno.land/x/install/install.sh | sh

或者，你也可以选择使用基于包管理器的安装方式。

创建一个简单的文件服务器

首先，我们需要写一个简单的静态文件服务器代码，以下是一个基本的例子：

import { serveStatic } from "https://deno.land/x/serve_static/mod.ts";

serveStatic("./public");

这里我们使用了一个 serve_static 库来处理 HTTP 请求，并将所有 /public 目录下的文件托管出来。

现在，我们可以使用 deno run 命令运行该文件：

deno run --allow-net --allow-read app.ts

该命令的意思是允许该应用程序使用网络和读取文件权限，因为我们需要读取本地文件并生成服务器响应。

利用 Deno 的模块化功能

Denode 拥有强大的模块化功能，我们可以使用它来更好地组织代码。

在上面的例子中，我们可以将 serve_static 库单独拆成一个文件。接下来，我们可以在 main.ts 文件中引用它：

import { serveStatic } from "./serve_static.ts";

serveStatic("./public");

接着，我们可以为 serve_static 库编写一个单元测试用例，并在 main.ts 中运行该测试：

import { serveStatic } from "./serve_static.ts";
import { assert } from "https://deno.land/std/testing/asserts.ts";

Deno.test("serve_static", async () => {
  const response = await serveStatic("./public");
  assert(response.status === 200);
});

现在，我们可以使用 deno test 命令运行该测试：

deno test .

使用 Deno 的权限控制

Deno 支持权限管理，这意味着我们可以控制程序的访问权限。

在上面的例子中，我们使用了 --allow-net 和 --allow-read 参数。这些参数授权应用程序访问网络和本地文件系统。

如果我们需要更细粒度的控制，可以在代码中使用 Deno.permissions API 进行控制：

const status = await Deno.permissions.request({ name: "net" });
if (status === "granted") {
  // 权限授权成功
} else {
  // 权限授权失败
}

结论

使用 Deno 进行静态文件服务器搭建非常简单，它拥有简单但强大的 API，适合用于前端开发。通过本文的学习，你应该对如何使用 Deno 搭建静态文件服务器有了更深入的了解。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/66fd15bf447136260177c81b