Bun 处理请求与响应-JavaScript中文网-JavaScript教程资源分享门户

Bun 是一个高性能的 JavaScript 运行时环境，它不仅提供了快速执行 JavaScript 脚本的能力，还内置了 Web 服务器功能。使用 Bun 开发 Web 应用程序时，处理 HTTP 请求和响应是核心部分之一。本章将详细介绍如何使用 Bun 来处理 HTTP 请求和响应。

安装与初始化

在开始处理 HTTP 请求之前，首先需要确保已经安装了 Bun。如果你还没有安装 Bun，请参考官方文档进行安装。安装完成后，可以通过创建一个新的项目来开始。

bun init

这会创建一个 bunfig.toml 文件，并初始化你的项目。接下来，你可以创建一个入口文件，例如 server.js，用于启动服务器。

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

const s = serve({ port: 8000 });
console.log("Server running on http://localhost:8000");

for await (const req of s) {
  req.respond({ body: "Hello World\n" });
}

这里使用了 Deno 的 serve 模块来启动服务器。虽然 Bun 自身也有类似的模块，但为了兼容性，这里选择使用 Deno 的模块。

创建一个简单的 HTTP 服务器

创建一个简单的 HTTP 服务器是处理请求的第一步。Bun 提供了多种方式来创建 HTTP 服务器，这里我们使用 Bun 的内置 HTTP 服务器来实现。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";

const server = createServer((req, res) => {
  res.writeHead(200, { "Content-Type": "text/plain" });
  res.end("Hello, world!\n");
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们使用了 Deno 的 createServer 函数来创建一个 HTTP 服务器，并且监听 8000 端口。当有请求到达时，服务器会返回一个简单的文本响应。

处理 GET 请求

GET 请求是最常见的 HTTP 请求类型之一。在处理 GET 请求时，我们需要解析请求中的参数，并根据这些参数返回相应的数据。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";

const server = createServer((req, res) => {
  if (req.method === "GET") {
    const url = new URL(req.url, "http://localhost:8000");
    const name = url.searchParams.get("name") || "Guest";
    res.writeHead(200, { "Content-Type": "text/plain" });
    res.end(`Hello, ${name}!\n`);
  }
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们检查请求的方法是否为 GET，然后从 URL 中提取 name 参数。如果存在，则将其插入到响应体中；否则，使用默认值 "Guest"。

处理 POST 请求

除了 GET 请求外，POST 请求也是常用的请求类型。处理 POST 请求时，通常需要读取请求体中的数据。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";
import { readAll } from "https://deno.land/std@0.168.0/io/util.ts";

const server = createServer(async (req, res) => {
  if (req.method === "POST") {
    const body = await readAll(req.body);
    const data = new TextDecoder().decode(body);
    res.writeHead(200, { "Content-Type": "application/json" });
    res.end(JSON.stringify({ received: data }));
  }
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们使用了 readAll 方法来读取请求体中的数据，并将其解码为字符串。然后将接收到的数据作为 JSON 响应返回。

设置响应头

HTTP 响应头对于控制客户端的行为非常重要。例如，设置缓存策略、指定内容类型等。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";

const server = createServer((req, res) => {
  if (req.method === "GET") {
    const url = new URL(req.url, "http://localhost:8000");
    const name = url.searchParams.get("name") || "Guest";
    
    // 设置响应头
    res.setHeader("Cache-Control", "no-store");
    res.setHeader("Content-Type", "text/plain; charset=utf-8");
    
    res.writeHead(200);
    res.end(`Hello, ${name}!\n`);
  }
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们设置了两个响应头：Cache-Control 和 Content-Type。这样可以确保浏览器不会缓存响应内容，并且明确告知浏览器响应的内容类型。

错误处理

在处理请求时，错误处理是一个不可忽视的部分。通过捕获异常并返回适当的错误信息，可以提高应用程序的健壮性和用户体验。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";

const server = createServer((req, res) => {
  try {
    if (req.method === "GET") {
      const url = new URL(req.url, "http://localhost:8000");
      const name = url.searchParams.get("name") || "Guest";
      
      res.writeHead(200, { "Content-Type": "text/plain" });
      res.end(`Hello, ${name}!\n`);
    } else if (req.method === "POST") {
      const body = readAllSync(req.body);
      const data = new TextDecoder().decode(body);
      res.writeHead(200, { "Content-Type": "application/json" });
      res.end(JSON.stringify({ received: data }));
    } else {
      res.writeHead(405, { "Content-Type": "text/plain" });
      res.end("Method Not Allowed\n");
    }
  } catch (error) {
    console.error(error);
    res.writeHead(500, { "Content-Type": "text/plain" });
    res.end("Internal Server Error\n");
  }
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们添加了一个 try-catch 块来捕获可能出现的异常。对于不支持的方法，我们返回 405 错误码，并在发生其他错误时返回 500 错误码。

使用中间件

中间件在处理 HTTP 请求和响应的过程中起到了重要的作用。它们可以在请求到达处理器之前或响应返回给客户端之前对请求和响应进行修改。

// www.javascriptcn.com code example
import { createServer } from "https://deno.land/std@0.168.0/http/server.ts";

const middleware = async (req, res, next) => {
  console.log("Middleware executed");
  await next();
};

const server = createServer(async (req, res) => {
  await middleware(req, res, async () => {
    if (req.method === "GET") {
      const url = new URL(req.url, "http://localhost:8000");
      const name = url.searchParams.get("name") || "Guest";
      
      res.writeHead(200, { "Content-Type": "text/plain" });
      res.end(`Hello, ${name}!\n`);
    } else if (req.method === "POST") {
      const body = await readAll(req.body);
      const data = new TextDecoder().decode(body);
      res.writeHead(200, { "Content-Type": "application/json" });
      res.end(JSON.stringify({ received: data }));
    } else {
      res.writeHead(405, { "Content-Type": "text/plain" });
      res.end("Method Not Allowed\n");
    }
  });
});

server.listen(8000);
console.log("Server running at http://localhost:8000/");

在这个例子中，我们定义了一个中间件函数 middleware，并在请求处理之前调用它。中间件可以用来记录日志、验证身份、修改请求或响应等。

总结

以上介绍了使用 Bun 处理 HTTP 请求和响应的基本方法。通过合理地组织代码、设置响应头、处理错误以及使用中间件，可以构建出高效、健壮的 Web 应用程序。希望这些内容能帮助你在实际项目中更好地使用 Bun 进行开发。