GraphQL 是一种用于 API 的查询语言，它使得客户端能够精确地描述它们需要的数据。GraphQL 还提供了一种用于执行这些查询的机制。在本文中，我们将深入探讨 GraphQL 中查询计划和执行过程的细节，以帮助你更好地理解和使用 GraphQL。
查询计划
当客户端发出一个 GraphQL 查询时，GraphQL 服务器将根据查询的结构构建一个查询计划。查询计划是一个由多个查询操作组成的树形结构，每个操作都对应着一个 GraphQL 类型的字段或者一个查询别名。
例如，假设我们有如下的 GraphQL 查询：
-- -------------------- ---- ------- ----- - -------- ------ - ---- ----- ------------ --- - ----- ------- - - -展开代码
这个查询将会生成如下的查询计划：
-- -------------------- ---- ------- ----- - -------- ------ - ---- ----- ------------ --- - ----- ------- - - - -- -------- ------ - -- ---- - -- ----- -- ------------ --- -- ----- -- -------展开代码
查询计划的根节点对应着整个查询。每个子节点对应着一个字段或者一个查询别名。对于每个字段，都会生成一个子节点来表示它的子字段。
执行过程
一旦查询计划被构建完成，GraphQL 服务器就可以开始执行查询了。执行过程分为两个阶段：查询计划的解析和数据的获取。
查询计划的解析
在查询计划的解析阶段，GraphQL 服务器会遍历查询计划，为每个节点计算出需要执行的查询操作。对于每个节点，查询操作可以是一个数据库查询、一个 REST API 请求或者其他类型的数据获取操作。
例如，在上面的查询计划中，为了获取 user 字段，服务器可能需要执行一个类似于以下 SQL 查询的操作：
SELECT name, email FROM users WHERE id = '123'
对于 posts 字段，则可能需要执行一个类似于以下的 REST API 请求：
GET /api/posts?user_id=123&limit=10
计算出每个节点的查询操作后，GraphQL 服务器会将这些操作组合在一起，以尽可能高效地获取所需的数据。
数据的获取
在查询计划的解析阶段结束后，GraphQL 服务器将开始执行计算出的查询操作，获取所需的数据。这通常涉及到与数据库、REST API 或其他数据源的交互。
在获取数据时，GraphQL 服务器会按照查询计划中的顺序逐个执行每个查询操作。每个查询操作都会返回一些数据，这些数据将被组合在一起，最终生成所需的响应。
例如，在上面的查询中，服务器可能会首先执行一个 SQL 查询，获取 user 字段所需的数据。然后，服务器可能会执行一个 REST API 请求，获取 posts 字段所需的数据。最后，服务器将把这些数据组合在一起，生成如下的响应：
-- -------------------- ---- ------- - ------- - ------- - ------- ----- ----- -------- ----------------------- -------- - - -------- --- ----- ------ ---------- ------ ----- ----- --- -------- -- - -------- --- ------ ------ ---------- ----- ---- ----- ----- -- ----------------- -- -- --- - - - -展开代码
示例代码
以下是一个使用 GraphQL 查询计划和执行过程的示例代码：
-- -------------------- ---- ------- ----- - -------- ----------- - - ------------------- -- -- ------- ------ ----- ------ - ------------- ---- ----- - -------- ----- ---- - ---- ---- - --- --- ----- ------- ------ ------- ------------ ----- -------- - ---- ---- - --- --- ------ ------- -------- ------- - --- -- --- ----- ----- - - - --- ---- ----- ----- ----- ------ ---------------------- -- - --- ---- ----- ----- ----- ------ ---------------------- -- -- ----- ----- - - - --- ---- -------- ---- ------ --- ----- ------ -------- ------ ----- ----- --- -------- -- - --- ---- -------- ---- ------ --- ------ ------ -------- ----- ---- ----- ----- -- ----------------- -- - --- ---- -------- ---- ------ --- ----- ------ -------- ---------- ---- -------- --------- --- ------------ -- -- --- -- -- ------ ----- --------- - - ----- -- -- -- -- - ----- ---- - --------------- -- ------- --- ---- ------ ----- -- ----- - ------ -- -- -- - ----- -- -- - ----- --------- - ----------------- -- ------------ --- ---- ------ ----- - ------------------ ------ - ---------- -- -- -- -- ---- --------- ------- ------- - ----- - -------- ---- - ---- ----- ------------ --- - ----- ------- - - - -- ---------- -------------- -- - -------------------- ---展开代码
在上面的示例代码中，我们定义了一个 GraphQL schema，其中包含了 Query、User 和 Post 三个类型。然后，我们定义了一个数据源，包含了一些用户和帖子的数据。最后，我们实现了 Query 类型中的 user 字段和 User 类型中的 posts 字段的查询操作，并执行了一个查询，获取了一个用户及其最新的 10 条帖子的数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cd0141e46428fe9e64b34e
