Deno 中 GraphQL 的基本教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，GraphQL 是一种新兴的数据查询和获取语言，推出的时间不长，但已经得到了广泛的应用。Deno 是一种现代化的 JavaScript 和 TypeScript 运行时环境，它支持本地模块和 HTTP 请求。该环境也能够使用 GraphQL 来构建 API，使得开发者对于 API 的操作更加灵活方便。本文将介绍 Deno 中 GraphQL 的基本教程和使用方法，并提供代码示例。

什么是 GraphQL

GraphQL 是一种数据查询和获取语言，它提供了一种更加高效、强大和灵活的 API 查询方法。使用 GraphQL，可以通过一个单一的端点来查询和获取多种不同的数据，避免了 RESTful API 的多次请求和数据冗余。

它的主要优点包括：

更加灵活：GraphQL 允许客户端按照其特定的需要来请求数据，而不必根据服务端提供的固定的数据集来获取数据，从而减少了流量并提高了响应速度。
更好的性能：GraphQL 使得客户端只获取所需的数据，而不必轮询服务端多次获取数据，减轻了服务端压力，提高了性能。
更加易于维护：GraphQL 允许开发者将 API 中的每个字段和路径都表现为单独的资源，从而使得 API 更加易于维护和扩展。

安装依赖

在使用 Deno 中 GraphQL 进行开发时，需要先安装相关的包和依赖。可以通过以下命令安装：

$ deno install -qAf --unstable https://deno.land/x/oak/mod.ts

$ deno install -qAf --unstable https://deno.land/x/deno_graphql/mod.ts

创建 Apollo 服务器

在 Deno 中，我们可以使用 Apollo 服务器来创建一个 GraphQL API。以下是创建 Apollo 服务器的示例代码：

// javascriptcn.com 代码示例
import { Application } from "https://deno.land/x/oak/mod.ts";
import {
  applyGraphQL,
  gql,
} from "https://deno.land/x/deno_graphql/mod.ts";

const app = new Application();

const types = gql`
  type User {
    id: ID!
    name: String!
    age: Int!
  }

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

  schema {
    query: Query
  }
`;

const resolvers = {
  Query: {
    getUser: async (parent: any, { id }: any, context: any, info: any) => {
      return {
        id: "1",
        name: "张三",
        age: 20,
      };
    },
  },
};

const GraphQLService = await applyGraphQL({
  typeDefs: types,
  resolvers: resolvers,
});

app.use(GraphQLService.routes(), GraphQLService.allowedMethods());

await app.listen({ port: 8080 });

console.log(`Server running at http://localhost:8080/graphql`);

在上面的示例代码中，我们首先定义了一个 User 类型和一个 getUser 查询。接着，我们创建了一个 resolvers 对象，并将 getUser 添加到其中。最后，我们使用 applyGraphQL 函数创建了一个 GraphQL 服务，并通过 app.use() 和 app.listen() 将服务进行绑定。

启动服务器

创建好 Apollo 服务器之后，我们只需要运行 deno run --allow-net --allow-read app.ts 命令即可启动该服务器。然后，在浏览器中访问以下地址即可查看 API 的信息和文档页

http://localhost:8080/graphql

查询数据

有了服务器之后，我们就可以通过 GraphQL 查询语句来获取数据了。以下是一个简单的查询示例代码：

query {
  getUser(id: "1") {
    id
    name
    age
  }
}

在上面的代码中，我们使用了 getUser 查询，并传入了 ID 参数为 1。根据上面的示例代码，该接口将返回一个包含 id、name 和 age 的 User 类型的数据。执行该查询语句后，将返回下面的 JSON 数据：

// javascriptcn.com 代码示例
{
  "data": {
    "getUser": {
      "id": "1",
      "name": "张三",
      "age": 20
    }
  }
}

总结

本文介绍了在 Deno 中使用 GraphQL 的基本教程和使用方法。首先我们了解了 GraphQL 的概念和优点，接着我们详细介绍了在 Deno 中使用 GraphQL 创建 Apollo 服务器以及查询数据的示例代码。Denno 中 GraphQL 的基本操作相较与其他语言更加方便快捷，适用于中小规模开发团队。希望您在将来的工作中能够灵活应用 GraphQL 来构建更加高效、强大和灵活的 API 接口。

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