获取和流式传输数据

Deno 为服务端环境带来了许多熟悉的 Web API。如果你使用过浏览器，你可能会熟悉 fetch() 方法和 streams API，它们用于发起网络请求和通过网络访问数据流。Deno 实现了这些 API，让你能够从网络获取和流式传输数据。

获取数据 Jump to heading#

在构建 Web 应用时，开发者通常需要从网络上的其他地方检索资源。我们可以使用 fetch API 来实现。我们将了解如何从 URL 获取不同形式的数据，以及如何在请求失败时处理错误。

创建一个名为 fetch.js 的新文件并添加以下代码

// Output: JSON Data
const jsonResponse = await fetch("https://api.github.com/users/denoland");
const jsonData = await jsonResponse.json();

console.log(jsonData, "\n");

// Output: HTML Data
const textResponse = await fetch("https://deno.land/");
const textData = await textResponse.text();

console.log(textData, "\n");

// Output: Error Message
try {
  await fetch("https://does.not.exist/");
} catch (error) {
  console.log(error);
}

你可以使用 deno run 命令运行此代码。由于它涉及跨网络获取数据，你需要授予 --allow-net 权限

deno run --allow-net fetch.js

你将在控制台中看到 JSON 数据、作为文本的 HTML 数据以及一条错误消息。

流式传输数据 Jump to heading#

有时你可能希望通过网络发送或接收大文件。当你事先不知道文件大小时，流式传输是处理数据的一种更高效的方式。客户端可以从流中读取数据，直到流指示完成。

Deno 提供了使用 Streams API 流式传输数据的方法。我们将了解如何将文件转换为可读或可写流，以及如何使用流发送和接收文件。

创建一个名为 stream.js 的新文件。

我们将使用 fetch API 检索文件。然后，我们将使用 Deno.open 方法创建并打开一个可写文件，并使用 Streams API 中的 pipeTo 方法将字节流发送到创建的文件。

接下来，我们将使用 POST 请求的 readable 属性将文件的字节流发送到服务器。

// Receiving a file
const fileResponse = await fetch("https://deno.land/logo.svg");

if (fileResponse.body) {
  const file = await Deno.open("./logo.svg", { write: true, create: true });

  await fileResponse.body.pipeTo(file.writable);
}

// Sending a file
const file = await Deno.open("./logo.svg", { read: true });

await fetch("https://example.com/", {
  method: "POST",
  body: file.readable,
});

你可以使用 deno run 命令运行此代码。由于它涉及跨网络获取数据和写入文件，你需要授予 --allow-net、--allow-write 和 --allow-read 权限

deno run --allow-read --allow-write --allow-net stream.js

你将看到文件 logo.svg 在当前目录中创建并填充内容，并且，如果你拥有 example.com，你将看到文件被发送到服务器。

🦕 现在你已经知道如何跨网络获取和流式传输数据，以及如何将数据流式传输到文件和从文件流式传输数据！无论你是提供静态文件、处理上传、生成动态内容还是流式传输大型数据集，Deno 的文件处理和流式传输功能都是你开发者工具箱中的绝佳工具！