Graphql 的自定义类型解析方式-JavaScript中文网-JavaScript教程资源分享门户

GraphQL 是一个先进的 Query 语言，可以帮助开发人员更加高效地管理 API，并且适用于客户端和服务端之间的数据交换。在 GraphQL 中，类型是极其重要的，它可以大大简化数据的类型检查和查询的正确性。本文将介绍如何在 GraphQL 中使用自定义类型解析，以改善你的数据查询体验。

什么是自定义类型解析

GraphQL 中的自定义类型解析可以让您自定义数据的解析方法，使您能够完全控制数据转换的逻辑。这意味着您可以将输入数据的格式转换成适合您应用程序需求的格式。

在 GraphQL 中，自定义类型解析由一个解析器指定。当 GraphQL 引擎需要解析一个字段时，它将执行自定义类型解析器，并将该字段的值传递给解析器。

举个例子，你可以将一个 URL 字符串转换为一个对象，该对象包含有关该 URL 的元数据，如协议、端口或主机。GraphQL 查询可能包括不同的 URL 字符串，但是通过自定义类型解析器，每个查询都将在 GraphQL 层次结构中转换为该对象，并且该对象可以用于返回所需的信息。

如何实现自定义类型解析

在 GraphQL 中，自定义类型解析需要三个部分——类型定义、类型解析器和模式注册/注入。让我们一一介绍这三个部分。

类型定义

第一步是定义您的类型。在 GraphQL 中，您使用 SDL （Schema Definition Language）或者语言特定代码的方式来定义它们。在下面的例子中，我们使用 SDL 创建一个自定义类型解析器：

type UrlData {
   protocol: String!
   host: String!
   port: Int!
   path: String!
   query: String!
   fragment: String!
}

在这个例子中，我们定义了一个名为 UrlData 的类型，该类型包括有关 URL 的元数据字段，如协议、主机、端口、路径、查询和片段。

类型解析器

接下来，我们需要创建类型解析器。在 GraphQL 中，类型解析器是处理您类型中的字段的函数。以下是我们编写的UrlData类型解析器：

// javascriptcn.com 代码示例
const UrlDataType = new GraphQLObjectType({
  name: 'UrlData',
  fields: {
    protocol: { type: GraphQLString },
    host: { type: GraphQLString },
    port: { type: GraphQLInt },
    path: { type: GraphQLString },
    query: { type: GraphQLString },
    fragment: { type: GraphQLString }
  }
});

const RootQueryType = new GraphQLObjectType({
  name: 'RootQueryType',
  fields: {
    urlData: {
      type: UrlDataType,
      args: {
        url: { type: GraphQLString }
      },
      resolve(parentValue, args) {
        const urlArray = args.url.split('/');
        const protocol = urlArray[0].replace(':', '');
        const host = urlArray[2].split(':')[0];
        const port = urlArray[2].split(':')[1] || '';
        const path = urlArray.slice(3).join('/');
        const query = '';
        const fragment = '';
        
        return { protocol, host, port, path, query, fragment };
      }
    }
  }
});

在这个例子中，我们创建一个名为 UrlData 的自定义类型解析器，将它定义为包含所有字段。我们还创建了一个名为 RootQueryType 的“根查询类型”，它包含了一个名为 UrlData 的字段。这里定义的类型解析器将接收我们传入的 url 参数，并将它转化为我们之前定义的 UrlData。

模式注册/注入

最后的步骤是将您的类型和类型解析器添加到模式中。模式是用于定义 GraphQL API 的主要结构，包括类型、字段和查询的关系。在下面的代码片段中，我们将注册我们的自定义类型解析器到 GraphQL 的模式中：

const schema = new GraphQLSchema({
  query: RootQueryType,
});

graphql(schema, '{ urlData(url: "https://google.com") { protocol, host, port, path } }').then((response) => {
  console.log(response);
});

在这个例子中，我们创建了一个 GraphQLSchema，并将其设置为 RootQueryType。这里解释了当我们使用 graphql 函数时，我们创建了一个查询字符串，其中我们调用了 urlData 字段并传递了一个 URL。结果是一个包含与 URL 相关的属性值的 JSON 对象。

总结

在这篇文章中，我们学习了如何在 GraphQL 中创建自定义类型解析器，并通过一个例子来展示了它的用法。自定义类型解析器可以帮助您更加高效地管理 API，并且可以适用于客户端和服务端之间的数据交换。在实际的项目中，例如处理自定义数据类型、融合两个不同的数据源或者使用 GraphQL 结合其他编程工具的时候，自定义类型解析器就会变得尤其重要。

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