在 Deno 中如何使用 GraphQL 实现 API？

GraphQL 是一种用于 API 的查询语言和类型系统。它通过定义类型、查询和变更的方法来帮助我们构建高效的 API。开发者可以编写 GraphQL 查询来精确地请求他们需要的数据，并且不会浪费宝贵的网络带宽。

Deno 是一个用 Rust 和 TypeScript 构建的现代化运行时环境，用于在 JavaScript 和 TypeScript 之上构建可扩展的 Web 应用程序。本文将介绍如何在 Deno 中使用 GraphQL 实现 API，并提供详细的指导和示例代码。

安装依赖

在开始之前，必须确保已经安装了必要的依赖。我们可以使用 deno_std 和 deno_graphql：

import { Application } from "https://deno.land/x/oak/mod.ts";
import { applyGraphQL } from "https://deno.land/x/graphql/mod.ts";

oak 是一个现代的、功能强大的 Web 框架，提供了 HTTP 请求处理和路由。 graphql 模块是一个 Deno 的 GraphQL 实现库。

配置 Schema

GraphQL 程序的核心是架构。Schema 定义了 API 中定义的类型、查询和变更的方法。为了使用 GraphQL 构建 API，我们需要定义一个 Schema。

const typeDefs = `
type User {
  id: ID!
  username: String!
}

type Query {
  getUser(id: ID!): User!
}
`;

在这个例子中，我们定义了一个 User 类型和一个查询 getUser。getUser 接受一个 ID 参数，并返回一个 User 对象。

定义 Resolver

在将查询发送到 GraphQL API 时，我们需要 Resolver 函数来提供相应的数据。这些函数会根据查询的参数返回相应的数据。

const resolvers = {
  Query: {
    getUser: (parent: any, { id }: { id: string }) => {
      return {
        id,
        username: "johndoe",
      };
    },
  },
};

这个例子中，我们定义了一个 Resolver 函数，它接受一个父级参数、一个 ID 参数，然后返回一个用户对象。

应用 GraphQL

现在我们可以将定义好的 resolver 和 schema 应用到 GraphQL 中，并将其与我们选择的 Web 框架集成起来。

const app = new Application();

app.use(async (ctx) => {
  await applyGraphQL({
    schema: schema,
    resolvers: resolvers,
    context: ctx,
  })(ctx);
});

console.log("Server started on http://localhost:8080");
await app.listen({ port: 8080 });

在这个例子中，我们使用 Oak 框架创建了一个 HTTP 服务器，并将其与 GraphQL 集成起来。applyGraphQL 中间件接受一个 Schema，一个 Resolver 对象和一个 Context。

发送查询

现在我们已经完成了 GraphQL API 的构建。我们可以使用任何支持发送 HTTP 请求的工具来测试我们的 API。例如，我们可以使用 curl 来测试 getUser 查询。

curl -XPOST http://localhost:8080/graphql --data '{ "query": "{getUser(id:\"123\"){id,username}}" }' -H "Content-Type: application/json"

在这个例子中，我们向 API 发送了一个 POST 请求，这个请求以 JSON 格式包含了我们的 GraphQL 查询。结果返回了我们期望的 ID 和用户名。

总结

以上就是在 Deno 中使用 GraphQL 实现 API 的详细指导。使用 GraphQL 构建 API 能够帮助我们更高效地处理数据请求，而 Deno 提供了强大的运行时环境，使得我们能够轻松地构建可扩展的 Web 应用程序。本文提供了完整的代码示例，并详细阐述了如何配置 Schema、定义 Resolver、应用到 Web 框架集成，并发送查询。希望能帮助到前端开发者们更好地理解和使用 GraphQL。

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