GraphQL 是一种由 Facebook 开发的开源数据查询语言，它提供了一种更加高效、强大和灵活的方式来查询和获取数据。与传统的 RESTful API 相比，GraphQL 具有更好的灵活性和可扩展性，可以帮助我们更好地组织和管理数据请求。
在本文中，我们将介绍 GraphQL 的几种解析方式，包括使用原生的 GraphQL 解析器、使用重量级框架如 Apollo 和 Relay、以及使用轻量级库如 graphql-js 和 express-graphql。我们还将讨论它们的优缺点，以及如何选择使用哪种解析方式。
原生的 GraphQL 解析器
GraphQL 自带一个原生的解析器，可以在 Node.js 中使用。它能够解析 GraphQL 查询语句并将其转换为可执行的查询。这种解析方式的好处是它非常轻量级，并且没有依赖任何第三方库。
以下是一个简单的示例：
----- - -------- ----------- - - -------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- ---- - - ------ -- -- ------ ------- --
--------------- -- ----- --- --------------------- -- -
---------------------- -- - ----- - ------ ------ ------- - -
---在这个示例中，我们首先使用 buildSchema 方法创建了一个 GraphQL Schema，并定义了一个 hello 字段，它返回一个字符串 "Hello world!"。然后，我们使用 graphql 方法来执行一个查询，查询语句为 { hello }，返回值为 { data: { hello: 'Hello world!' } }。
原生的 GraphQL 解析器非常轻便，但也具有一些限制。例如，它没有自带的数据缓存机制，因此每次请求都必须重新执行查询。此外，它不支持一些高级功能，例如 subscription（订阅）和分片查询等。
Apollo 和 Relay
如果您需要使用一些更高级的功能，例如数据缓存、分片查询、subscription 等，那么可以考虑使用一些重量级的库，例如 Apollo 和 Relay。
Apollo 是一个非常受欢迎的 GraphQL 解析和缓存库，它提供了许多有用的功能和工具来加速我们的 GraphQL 开发过程。例如，Apollo Client 可以帮助我们管理数据缓存、进行服务器端渲染等。
以下是一个使用 Apollo Client 的示例：
------ - ------------- -------------- --- - ---- -----------------
----- ------ - --- --------------
---- ----------------------------------
------ --- ----------------
---
------
--------
------ ----
----- -
-----
-
--
--
---------------- -- -
---------------------- -- - ----- - ------ ------ ------- - -
---在这个示例中，我们首先创建一个 ApolloClient 实例，并传递了一个 GraphQL 服务器的 URI 和一个 InMemoryCache 实例。然后，我们使用 client.query 方法来执行一个查询，查询语句为 query { hello }，返回值为 { data: { hello: 'Hello world!' } }。
类似地，Relay 是一个由 Facebook 开发的更加重量级的框架，它提供了广告的工具和功能。除了数据缓存和 SSR，它还提供了一些用于数据分片、查询优化等的高级功能。
虽然 Apollo 和 Relay 提供了更多的功能和工具，但它们也要求我们深入了解它们的机制和API。此外，它们还需要一些额外的依赖，例如 React 和各种相关的库。
graphql-js 和 express-graphql
如果您需要一些介于原生 GraphQL 和 Apollo/Relay 之间的解析库，那么可以考虑使用 graphql-js 或 express-graphql 等库。
graphql-js 是一个非常简单、轻量级的 GraphQL 解析库，它提供了基本的 Schema、类型定义和执行查询的功能。以下是一个使用 graphql-js 的示例：
----- - -------- ----------- - - -------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- --------- - - ------ -- -- ------ ------- --
--------- ------- ------- -- ----- --- --------- ------------------ -- -
---------------------- -- - ----- - ------ ------ ------- - -
---在这个示例中，我们使用 buildSchema 方法创建了一个 GraphQL Schema，并定义了一个 hello 字段，它返回一个字符串 "Hello world!"。然后，我们使用 graphql 方法来执行一个查询，查询语句为 { hello }，返回值为 { data: { hello: 'Hello world!' } }。
相比原生 GraphQL 解析器，graphql-js 提供了一些更加高级的功能，例如类型检查、字段别名、fragments 等。然而，它也需要一些库，例如 graphql-tools 等。
与 graphql-js 类似，express-graphql 是一个非常轻量级的、基于 Express 的 GraphQL 解析和执行库。它使得在基于 Node.js 的 Web 项目中使用 GraphQL 变得非常简单。
以下是一个使用 express-graphql 的示例：
----- ------- - -------------------
----- - ----------- - - ---------------------------
----- - ----------- - - -------------------
----- ------ - -------------
---- ----- -
------ ------
-
---
----- --------- - - ------ -- -- ------ ------- --
----- --- - ----------
--------
-----------
-------------
-------
----------
--------- -----
--
--
---------------- -- -- -
-------------------- - ------- --- ------ -- --------------------------------
---在这个示例中，我们首先定义了一个 GraphQL Schema，然后使用 graphqlHTTP 中间件来将其挂载到 Express 应用中。我们还设置了 graphiql: true，以便在浏览器中使用 GraphiQL 工具来执行查询。
总结
在本文中，我们介绍了 GraphQL 的几种解析方式，包括使用原生的 GraphQL 解析器、使用重量级框架如 Apollo 和 Relay、以及使用轻量级库如 graphql-js 和 express-graphql。虽然每种方式都有其优缺点，但它们都可以帮助我们更加高效、强大和灵活地组织和管理数据请求。
在选择解析方式时，我们需要根据项目的具体需求和规模来决定。如果您只需要基本的 GraphQL 功能，那么原生的解析器或 graphql-js 可能是最好的选择。如果您需要更高级的功能和工具，那么可以考虑使用 Apollo 或 Relay。最后，如果您需要一个轻量级的、基于 Express 的解决方案，那么 express-graphql 可能是最好的选择。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64eaf837f6b2d6eab35ab866