GraphQL入门之查询指令Directive

接前面的文章,考虑这么一种场景,有时候我们希望根据某些参数条件来决定返回某些字段。比如下面的查询操作,有时候我们希望返回name字段,有时候不希望。

shell 复制代码
query GetUsers {
  users {
    id,
    name,
    email
  }
}

此时我们就可以使用 GraphQL 的指令 Directive 来解决这个问题。GraphQL 中使用标识符@+已命名的参数来实现。GraphQL 规范默认支持了几个指令:

@deprecated(reason: String) - 将字段标记为已弃用并说明原因

@skip (if: Boolean) - 如果条件满足则跳过该字段

@include (if: Boolean) - 如果条件满足则包括该字段

下面举个列子看一下。

创建 Node.js 的工程

shell 复制代码
mkdir myapp
cd myapp
npm init (一路回车)

安装依赖包

shell 复制代码
npm install @apollo/server graphql

定义 Schema

创建 schema.graphql 文件,内容如下:

shell 复制代码
type User {
    id: ID!
    name: String!
    email: String!
}

type Query {
    users(includeName: Boolean, skipId: Boolean): [User],
}

schema 文件主要包括:

  1. 定义模型对象:定义了一个User对象,包括 id, name 和 email 属性。
  2. 定义查询操作:定义了一个查询操作,返回用户列表。查询接受两个参数,includeName是否包括name字段,skipId是否跳过id字段。

实现处理器

创建 resolvers.js 文件,内容如下:

javascript 复制代码
const user1 = {id: 1, name: 'user1', email: 'user1@gmail.com'};
const user2 = {id: 2, name: 'user2', email: 'user2@gmail.com'};
const user3 = {id: 3, name: 'user3', email: 'user3@gmail.com'};
const users = [user1, user2, user3];

const resolvers = {
  Query: {
    users(obj, args, context, info) {
      return users;
    },
  },
};

module.exports = resolvers;

处理器文件主要包括

  1. 准备测试数据:这里创建了一个 User 对象的数据组并初始化了几条数据。
  2. 定义处理函数:不做特殊处理,直接返回所有 User 的数组。

主程序

创建 server.js 文件,内容如下:

javascript 复制代码
const { ApolloServer } =  require('@apollo/server');
const { startStandaloneServer } = require('@apollo/server/standalone');
const fs = require("fs");

const typeDefs = fs.readFileSync('./schema.graphql').toString();
const resolvers = require('./resolvers');

const server = new ApolloServer({
  typeDefs,
  resolvers,
});

startStandaloneServer(server).then(function(data) {
  console.log(`🚀 Server ready at ${data.url}`);
});

测试

启动服务

shell 复制代码
node server.js

服务启动后,访问 http://localhost:4000 进行测试。

列表操作

查询操作

shell 复制代码
query GetUsers($includeName: Boolean!, $skipId: Boolean!) {
  users(includeName: $includeName, skipId: $skipId) {
    id @skip(if: $skipId),
    name @include(if: $includeName),
    email
  }
}

查询参数

json 复制代码
{
  "includeName": false,
  "skipId": true
}

查询结果

json 复制代码
{
  "data": {
    "users": [
      {
        "email": "user1@gmail.com"
      },
      {
        "email": "user2@gmail.com"
      },
      {
        "email": "user3@gmail.com"
      }
    ]
  }
}
相关推荐
xcfox2 天前
GQLoom 入门指南 - 使用 Zod + Drizzle 构建 GraphQL 服务端应用
graphql
GoldenaArcher4 天前
GraphQL 工程化篇 III:引入 Prisma 与数据库接入
数据库·后端·graphql
canonical-entropy14 天前
NopGraphQL 的设计创新:从 API 协议到通用信息操作引擎
低代码·graphql·可逆计算·nop平台
canonical_entropy15 天前
NopGraphQL 的设计创新:从 API 协议到通用信息操作引擎
后端·低代码·graphql
刘立军1 个月前
使用pyHugeGraph查询HugeGraph图数据
python·graphql
麦兜*1 个月前
MongoDB 与 GraphQL 结合:现代 API 开发新范式
java·数据库·spring boot·mongodb·spring·maven·graphql
0wioiw01 个月前
Nodejs(④GraphQL)
后端·graphql
Sui_Network1 个月前
GraphQL RPC 与通用索引器公测介绍:为 Sui 带来更强大的数据层
javascript·人工智能·后端·rpc·去中心化·区块链·graphql
幂简集成1 个月前
GraphQL API 性能优化实战:在线编程作业平台指南
后端·性能优化·graphql
鼠鼠我捏,要死了捏2 个月前
GraphQL 与 REST 在微服务架构中的对比与设计实践
graphql·rest·microservices