《GraphQL 名词 101：解析 GraphQL 的查询语法》【译】

偏执的太偏执、 2022-06-16 07:10 381阅读 0赞

# [The Anatomy of a GraphQL Query][] #

# 《GraphQL 名词 101：解析 GraphQL 的查询语法》【译】 #

> GraphQL 日渐成为数据查询的主流标准之一，整个生态圈也蓬勃发展。本文则由浅入深地详细介绍基础的 GraphQL 格式与关键字，有助于初学者对于 GraphQL 的使用形成体系认知。

[GraphQL][] 日渐成为数据查询的主流标准之一。每天都会产生许多围绕这项技术发展的精彩讨论和新工具。GraphQL最棒的特性就是提供了一个丰富语言集来描述获取数据的API。但是用户该如何描述这种查询语言，以及GraphQL这项核心技术本身呢？let’s talk!

[GraphQL specification][]解释了几乎所有出现在GraphQL查询语言中的概念，但是这篇文档实在是太长了，所以我准备在这篇博客中，借助一些具体的栗子来阐述其中一些最重要的概念，来帮助你成为GraphQL专家！至少在纸上谈兵方面 : )

> **注！** 这篇文章可不是GraphQL的入门读物。首先，你应该通读[concepts on the graphql.org docs][GraphQL]，然后通过[Learn Apollo tutorial][]来学习使用GraphQL，最后当你想继续深入了解这项技术时，再回到这里来吧！

## 最基本的GraphQL查询 ##

大家通常会使用“查询”来称呼 GraphQL API 服务的一切。但是这样称呼会有太多东西混杂在一起了。我们可能会把我们跪求服务端的一系列行为称为一次查询、一次修改或者一次订阅，但我想“请求（request）”这个词可能更加复合HTTP通信的概念，下面我们先来定义一些最基础的概念：

*  **GraphQL 请求体：** 使用GraphQL语言定义的一个或多个操作或者数据片段，类型是字符串。
 *  **操作：** 可以被GraphQL执行引擎理解的一次查询、修改或订阅。

为了搞清楚GraphQL各种基本操作之间的区别，让我们先来看一个简单的GraphQL请求体：

![GraphQL document][]

A simple query and its parts.

这个请求体显示了GraphQL的主要构建块，它指定了你尝试获取的数据。

*  **字段(Fields)**：客户端请求的数据单元，最后作为JSON响应数据中的一个字段。请注意，它们始终称为“字段”，无论它们所在的层次有多深。在你的查询中，对根节点字段的处理和最底层字段应该是一样的。
 *  **参数(Arguments)**：一组与特定字段关联的键值对。这些参数会跟它们相关的字段一起被传递到服务器端执行，并影响服务器对字段的处理方式。如上面的示例，参数可以是字面量，接下来还有参数作为变量形式的栗子。请注意，参数可以显示在任何字段中，即使是嵌套层次很深的字段。

为了让你以非常简洁的形式定义一个GraphQL查询，上面的栗子是GraphQL的一种非常简单的形式。但是在GraphQL操作中三种可选的部分都没有在上述栗子中使用。如果你不仅仅是用GraphQL执行查询操作，或是希望传递动态变量到GraphQL查询中，你就需要利用到这些新的GraphQL特性。

这里恰好有一个包含了所有可选部分的栗子：

![A more detailed query and its parts.][]

A more detailed query and its parts.

*  **操作类型(Operation type)**：共三种类型：查询(query)、更新(mutation)、订阅(subscription)。它描述了你试图进行何种操作。然而这些看起来意思很接近的操作，GraphQL服务器处理它们时还是会有一些不同。
 *  **操作名称(Operation name)**：为了方便调试和服务端打日志，最好给你的查询赋予语义化的命名。这样，无论你是在网络日志中或者GraphQL服务器上发现错误，你都可以通过名字很轻松的在代码库中定位问题，而不是靠猜测（类似的工具有 [Apollo Optics][]）。可以把操作名称想象成你最喜欢的编程语言中，一个语义化的函数名。
 *  **变量定义(Variable definitions)**：当客户端向GraphQL服务器发送查询时，会存在查询文档不变，当某些字段会动态变化的情况。这些就是查询中的变量。因为GraphQL是静态类型的，它可以实时验证你是否传递了正确的变量。这正是你声明变量类型时所计划提供的能力。

变量使用特定的序列化协议(在目前的 GraphQL 服务实现中，通常是使用JSON )通过查询文档独立传输。下面是一个变量对象在查询文档中的示例：  
![An example variables object.][]

An example variables object.  
可以看到，这里的关键是变量名称需要与变量定义所匹配，其名称是 `Episode`枚举中的一个成员。

*  **变量(Variables)**: 它是传递给GraphQL operation的值的字典，提供了operation的动态入参。

这里有一个在谈及Graph的技术意义时很重要，却不常被提及的核心概念——花括号之间的所有东西叫什么？  
![1_IjID3up3sIpnCymlYU-tGA.png][]  
*选择集(selection set)*是一个会在GraphQL 文档中经常出现的概念，它赋予了GraphQL递归的特性，允许你获取嵌套形式的数据。

*  **选择集(selection set)**：它是一次operation中需要的一组字段，或者被嵌套在其他的字段中。GraphQL查询必须包含一个标识选择集的字段，且该字段返回的是对象类型，选择集不能设置在返回值是标量类型（Scalar Types）的字段上，例如`Int`或者`String`。

## 片段(Fragments) ##

当开始介绍片段(fragments)之后，GraphQL 将变得更加强大。它带来了一系列新的概念。

*  **片段定义(Fragment definition)**：定义一个片段是GraphQL文档的一部分。为了区别于我们下面会介绍的*内联片段*，它有时候也被称为*片段命名*。

![Fragments][]

A fragment definition and its parts.

*  **片段名称(Fragment name):** 片段(fragments )名在GraphQL文档中必须是唯一的。这个名称用于在操作(operations)或者其他片段(fragments )引用片段(fragments )。就像操作(operations)名称一样，片段名也能用于服务端日志调试，所以我们推荐使用明确且有意义的片段(fragments )名。如果你使用了正确的片段(fragments )名，在优化数据获取时，你能够很好的追踪你的代码。
 *  **类型条件(Type condition)：** GraphQL操作总是开始于查询、修改或者订阅schema中的类型，但是片段(fragments )能够用于任一选择，所以为了将校验片段(fragments )与校验schema独立开，你需要指定片段(fragments )能够使用的类型，而这就是类型条件(Type condition)的作用。

就像操作(operations)一样，片段也选择集，使用起来也跟在操作(operations)中使用选择集一样。

### 在你的操作(operations)中使用片段(fragments ) ###

片段(fragments )只有在操作(operations)中使用才能发挥出作用。片段是 GraphQL 的主要组合数据结构，通过片段可以重用重复的字段选择，减少 query 中的重复内容。接下来我们将介绍使用片段(fragments )的两种方式：  
![fragments][]

*  **片段扩展运算符（Fragment spread）:**  当你在操作或者其他片段中使用片段时，你可以将片段名置于`...`之后来表示片段。例如没有片段时需要这样编写 query：

query noFragments {
      user(id: 4) {
        friends(first: 10) {
          id
          name
          profilePic(size: 50)
        }
        mutualFriends(first: 10) {
          id
          name
          profilePic(size: 50)
        }
      }
    }

query 中存在下列重复的选择集合：

{
      id
      name
      profilePic(size: 50)
    }

可以用片段简化为：

query withFragments {
      user(id: 4) {
        friends(first: 10) {
          ...friendFields
        }
        mutualFriends(first: 10) {
          ...friendFields
        }
      }
    }
    
    fragment friendFields on User {
      id
      name
      profilePic(size: 50)
    }

使用片段时需要加上 … 操作符表示展开片段内容，这称为片段扩展运算符(fragment spread)，它可以用在任何选择集(selection set)中，用以匹配片段的类型条件。

*  **内联片段（Inline fragment）:** 如果你仅仅是想执行一些依赖结果类型的字段，却不想把它们抽离成独立的定义，你可以使用*内联片段（ inline fragment）*。它使用起来跟独立的命名片段一样，但是写在查询的内部。有一点不同的是，对于内联片段来说类型条件(type condition)不是必须的，可以像使用指令一样来使用它，接下来我们会演示指令(directive)的栗子。

## 指令(Directives) ##

指令是独立于GraphQL server之外的一个附加功能。指令不会对结果的值产生影响，但是会影响哪些结果会被返回，也许还会影响这些结果是如何被执行的。指令可以出现在查询的任何地方，但在这篇文章中我们只关注当前GrahpQL文档所描述的`skip(忽略)`和`include(包括)` 两个指令。  
![Directives][]

You probably wouldn’t usually put all of these in one query, but it’s the easiest way to demonstrate.  
你能在上文厨房水槽的栗子中使用指令 `skip` 和 `include`。 `include` 指令表示只有在 if 参数为 true 时才引入片段表示的字段。 `skip` 指令表示在 if 参数为 true 时忽略片段中的字段。由于指令的语法相当灵活，我们可以利用它来给GraphQL添加更多的特性，而不是使用语法解析或者引入更复杂的工具的方式。

*  **指令(Directive):**  在字段、片段或者查询中的一个注释，`include` 指令表示只有在 if 参数为 true 时才引入片段表示的字段。`skip` 指令表示在 if 参数为 true 时忽略片段中的字段。
 *  **指令参数(Directive arguments)：** 与字段参数类似，只不过它们是被执行引擎处理，而不是传递给字段解析器(field resolver)。

## 总结 ##

GraphQL 是在应用层对业务数据模型的抽象，是对数据请求定制的 DSQL，它解除了接口和数据之间的绑定，对业务数据结构做了抽象和整理，业务逻辑中的数据依赖于底层数据库结构，并且可以由具体业务场景来定制，不同的业务场景只要基于同样一套基础业务数据模型就可以得到复用，在我看来，这才是 GraphQL 带来的最大改变和收益。  
目前[GitHub整站API已迁移GraphQL][GitHub_API_GraphQL]，淘宝也在生成环境有所实践。

## 参考文档： ##

*  [The Anatomy of a GraphQL Query][The Anatomy of a GraphQL Query 1]
 *  [深入理解 GraphQL][GraphQL 1]

[The Anatomy of a GraphQL Query]: https://dev-blog.apollodata.com/the-anatomy-of-a-graphql-query-6dffa9e9e747#.idii6j7tz
[GraphQL]: http://graphql.org/learn/
[GraphQL specification]: https://facebook.github.io/graphql/#sec-Language
[Learn Apollo tutorial]: https://www.learnapollo.com/introduction/get-started
[GraphQL document]: https://cdn-images-1.medium.com/max/800/1*yI_ZuOy0-22q6pdgVlytCA.png
[A more detailed query and its parts.]: https://cdn-images-1.medium.com/max/800/1*gLgBpni39kqad9C4QDOCVQ.png
[Apollo Optics]: http://www.apollodata.com/optics
[An example variables object.]: https://cdn-images-1.medium.com/max/1600/1*JPPx4DlKWXdbw1pc8PUiCg.png
[1_IjID3up3sIpnCymlYU-tGA.png]: https://cdn-images-1.medium.com/max/1600/1*IjID3up3sIpnCymlYU-tGA.png
[Fragments]: https://cdn-images-1.medium.com/max/1600/1*BO1Ay2J78eTV8DVCtM_dZw.png
[fragments]: https://cdn-images-1.medium.com/max/1600/1*TK0yWwjnVoklwHg-4yxCCA.png
[Directives]: https://cdn-images-1.medium.com/max/1600/1*GRWoFpUExHFM2DFqdou1dg.png
[GitHub_API_GraphQL]: http://www.infoq.com/cn/news/2016/10/graphQL-GitHub
[The Anatomy of a GraphQL Query 1]: https://dev-blog.apollodata.com/the-anatomy-of-a-graphql-query-6dffa9e9e747
[GraphQL 1]: http://taobaofed.org/blog/2016/03/10/graphql-in-depth/