详解 GraphQL 的组成部分

GraphQL 是一种用于构建 API 的查询语言，它的出现为前端开发带来了新的思路和选择。本文将详细介绍 GraphQL 的组成部分，帮助读者深入了解 GraphQL 的实现原理和使用方法。

1. Schema

GraphQL 的 Schema 是定义 API 的核心部分，它定义了数据类型、查询和变更等操作。Schema 由类型定义和查询定义两部分组成。

1.1 类型定义

类型定义是定义数据类型的部分，包括标量类型、对象类型、枚举类型、接口类型、联合类型和输入类型。其中标量类型是 GraphQL 内置的类型，包括 Int、Float、String、Boolean 和 ID，其他类型则需要开发者自行定义。

例如，定义一个用户对象类型：

type User {
  id: ID!
  name: String!
  age: Int
  email: String!
}

1.2 查询定义

查询定义是定义查询操作的部分，包括查询和变更。查询定义由查询类型和变更类型两部分组成。

例如，定义一个查询用户的操作：

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

2. Resolver

Resolver 是 GraphQL 的查询执行器，它根据查询定义和 Schema 中定义的类型，将查询转换为数据操作。Resolver 由查询 Resolver 和变更 Resolver 两部分组成。

2.1 查询 Resolver

查询 Resolver 用于执行查询操作，它根据查询定义和 Schema 中定义的类型，将查询转换为数据操作，并返回查询结果。

例如，查询用户的 Resolver：

const resolvers = {
  Query: {
    user: (parent, { id }, context, info) => {
      return getUserById(id);
    },
  },
};

2.2 变更 Resolver

变更 Resolver 用于执行变更操作，它根据变更定义和 Schema 中定义的类型，将变更转换为数据操作，并返回变更结果。

例如，添加用户的 Resolver：

const resolvers = {
  Mutation: {
    addUser: (parent, { input }, context, info) => {
      const user = createUser(input);
      return { user };
    },
  },
};

3. Query

Query 是 GraphQL 中的查询语句，用于查询数据。Query 由字段、参数和别名三部分组成。

例如，查询用户的 Query：

query GetUser($id: ID!) {
  user(id: $id) {
    id
    name
    age
    email
  }
}

4. Mutation

Mutation 是 GraphQL 中的变更操作语句，用于修改数据。Mutation 由字段、参数和别名三部分组成。

例如，添加用户的 Mutation：

mutation AddUser($input: UserInput!) {
  addUser(input: $input) {
    user {
      id
      name
      age
      email
    }
  }
}

5. Subscription

Subscription 是 GraphQL 中的订阅语句，用于实时更新数据。Subscription 由字段和参数两部分组成。

例如，订阅用户更新的 Subscription：

subscription UserUpdated($id: ID!) {
  userUpdated(id: $id) {
    id
    name
    age
    email
  }
}

总结

本文详细介绍了 GraphQL 的组成部分，包括 Schema、Resolver、Query、Mutation 和 Subscription。了解这些组成部分有助于开发者更好地理解 GraphQL 的实现原理和使用方法，提高开发效率。

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