Bun HTTP 请求-JavaScript中文网-JavaScript教程资源分享门户

简介

Bun 是一个高性能的 JavaScript 运行时，它内置了对多种网络协议的支持。HTTP 请求是现代 Web 开发中的重要组成部分，而 Bun 提供了一种简单且高效的方式来处理 HTTP 请求。

安装 Bun

首先，你需要安装 Bun。如果你还没有安装，可以使用以下命令：

curl https://bun.sh/install | bash

安装完成后，你可以通过 bun 命令来运行你的 JavaScript 文件。

发送 GET 请求

发送 GET 请求是最常见的 HTTP 请求类型之一。Bun 提供了简洁的 API 来处理这类请求。

示例代码

import { fetch } from "bun";

const response = await fetch("https://jsonplaceholder.typicode.com/posts/1");
console.log(await response.json());

在这个例子中，我们向 jsonplaceholder.typicode.com 发送了一个 GET 请求，并获取了一个帖子的数据。fetch 函数返回一个 Promise，我们可以使用 await 关键字来等待其完成。

解析响应

当接收到响应后，我们需要解析响应体。Bun 提供了一些方法来帮助我们解析响应数据。例如，如果响应的内容类型是 JSON，我们可以使用 response.json() 方法来解析响应体。

const data = await response.json();
console.log(data);

这样，我们就可以将响应体解析为 JavaScript 对象，并进行进一步处理。

发送 POST 请求

除了 GET 请求外，POST 请求也非常常见。POST 请求通常用于向服务器提交数据。

示例代码

// www.javascriptcn.com code example
import { fetch } from "bun";

const response = await fetch("https://jsonplaceholder.typicode.com/posts", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    title: "foo",
    body: "bar",
    userId: 1,
  }),
});

console.log(await response.json());

在这个例子中，我们向 jsonplaceholder.typicode.com 发送了一个 POST 请求，提交了一些示例数据。注意，我们需要设置请求头 Content-Type 为 application/json，并将请求体转换为 JSON 字符串。

设置请求头

在发送请求时，我们可能需要设置一些请求头。Bun 允许我们在请求选项中指定这些请求头。

headers: {
  "Content-Type": "application/json",
  "Authorization": "Bearer YOUR_TOKEN",
}

在这个例子中，我们设置了两个请求头：Content-Type 和 Authorization。

处理错误

在发送 HTTP 请求时，可能会遇到各种错误。Bun 提供了一些工具来帮助我们处理这些错误。

捕获异常

try {
  const response = await fetch("https://jsonplaceholder.typicode.com/posts/9999");
  console.log(await response.json());
} catch (error) {
  console.error("请求失败:", error);
}

在这个例子中，我们使用 try-catch 结构来捕获可能出现的异常。如果请求失败，我们会打印出错误信息。

检查响应状态码

除了捕获异常外，我们还可以检查响应的状态码来判断请求是否成功。

const response = await fetch("https://jsonplaceholder.typicode.com/posts/9999");

if (!response.ok) {
  throw new Error(`请求失败，状态码: ${response.status}`);
}

console.log(await response.json());

在这个例子中，我们检查了响应的状态码。如果状态码不在 200-299 范围内，我们就抛出一个错误。

并发请求

在实际应用中，我们经常需要同时发送多个请求。Bun 提供了简洁的方法来并发执行多个请求。

示例代码

// www.javascriptcn.com code example
import { PromisePool } from "@supercharge/promise-pool";

const urls = [
  "https://jsonplaceholder.typicode.com/posts/1",
  "https://jsonplaceholder.typicode.com/posts/2",
];

const [results, errors] = await PromisePool
  .withConcurrency(5)
  .for(urls)
  .process(async url => {
    const response = await fetch(url);
    return response.json();
  });

console.log("结果:", results);
console.log("错误:", errors);

在这个例子中，我们使用了 PromisePool 库来并发执行多个请求。我们设置了并发数量为 5，并遍历了 URL 数组。每个 URL 都会触发一个异步函数，该函数发送一个请求并解析响应。

总结

Bun 提供了强大的功能来处理 HTTP 请求。无论是简单的 GET 请求，还是复杂的 POST 请求，Bun 都能轻松应对。通过使用适当的工具和技巧，我们可以有效地处理各种网络请求，从而构建高性能的 Web 应用程序。