Graphql
指令
学习如何在 NestJS GraphQL 中创建和使用自定义指令,包括代码优先和模式优先两种方法。
指令
指令可以附加到字段或片段包含上,并且可以以服务器期望的任何方式影响查询的执行(了解更多请点击这里)。GraphQL 规范提供了几个默认指令:
@include(if: Boolean)- 仅当参数为 true 时才在结果中包含此字段@skip(if: Boolean)- 如果参数为 true 则跳过此字段@deprecated(reason: String)- 将字段标记为已弃用并附带消息
指令是一个以 @ 字符开头的标识符,可选地后跟一个命名参数列表,可以出现在 GraphQL 查询和模式语言中的几乎任何元素之后。
自定义指令
要指示 Apollo/Mercurius 遇到您的指令时应该发生什么,您可以创建一个转换器函数。此函数使用 mapSchema 函数来遍历模式中的位置(字段定义、类型定义等)并执行相应的转换。
import { getDirective, MapperKind, mapSchema } from '@graphql-tools/utils';
import { defaultFieldResolver, GraphQLSchema } from 'graphql';
export function upperDirectiveTransformer(
schema: GraphQLSchema,
directiveName: string,
) {
return mapSchema(schema, {
[MapperKind.OBJECT_FIELD]: (fieldConfig) => {
const upperDirective = getDirective(
schema,
fieldConfig,
directiveName,
)?.[0];
if (upperDirective) {
const { resolve = defaultFieldResolver } = fieldConfig;
// 用一个函数替换原始解析器,该函数*首先*调用
// 原始解析器,然后将其结果转换为大写
fieldConfig.resolve = async function (source, args, context, info) {
const result = await resolve(source, args, context, info);
if (typeof result === 'string') {
return result.toUpperCase();
}
return result;
};
return fieldConfig;
}
},
});
}
现在,在 GraphQLModule#forRoot 方法中使用 transformSchema 函数应用 upperDirectiveTransformer 转换函数:
GraphQLModule.forRoot({
// ...
transformSchema: (schema) => upperDirectiveTransformer(schema, 'upper'),
});
一旦注册,@upper 指令就可以在我们的模式中使用。但是,应用指令的方式会根据您使用的方法(代码优先或模式优先)而有所不同。
代码优先
在代码优先方法中,使用 @Directive() 装饰器来应用指令。
@Directive('@upper')
@Field()
title: string;
提示 @Directive() 装饰器从 @nestjs/graphql 包中导出。
指令可以应用于字段、字段解析器、输入和对象类型,以及查询、变更和订阅。以下是在查询处理器级别应用指令的示例:
@Directive('@deprecated(reason: "This query will be removed in the next version")')
@Query(() => Author, { name: 'author' })
async getAuthor(@Args({ name: 'id', type: () => Int }) id: number) {
return this.authorsService.findOneById(id);
}
警告 通过 @Directive() 装饰器应用的指令不会反映在生成的模式定义文件中。
最后,确保在 GraphQLModule 中声明指令,如下所示:
GraphQLModule.forRoot({
// ...,
transformSchema: schema => upperDirectiveTransformer(schema, 'upper'),
buildSchemaOptions: {
directives: [
new GraphQLDirective({
name: 'upper',
locations: [DirectiveLocation.FIELD_DEFINITION],
}),
],
},
}),
提示 GraphQLDirective 和 DirectiveLocation 都从 graphql 包中导出。
模式优先
在模式优先方法中,直接在 SDL 中应用指令。
directive @upper on FIELD_DEFINITION
type Post {
id: Int!
title: String! @upper
votes: Int
}