为了介绍使用ASP.NET Core构建GraphQL服务器,本文需要介绍一下GraphQL,其实看官网的文档就行。

 

什么是GraphQL?

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获得它需要的数据,而且没有任何冗余,也让 API 更容易地随着时间推移而演进,还能用于构建强大的开发者工具。

 

官网地址:https://graphql.org/

中文网址(感觉不是官方的,连HTTPS都不是):http://graphql.cn/

GraphQL来自Facebook,它于2012年开始开发,2015年开源。

 

GraphQL与编程语言无关,可以使用很多种语言/框架来构建Graph 服务器,包括.NET Core。

像Github,Pinterest,Coursera等公司都在使用GraphQL。

 

Github的API到目前有4个版本,第三个版本都是用的是REST,而第四个版本使用的是GraphQL。

 

GraphQL到底是什么?

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这就是一个GraphQL查询的例子。左边是查询,右边是结果。

从这个例子可以看出,查询是可以嵌套的,所以使用GraphQL的客户端可以通过一次请求获得所有需要的数据

 

每当对GraphQL服务器进行查询的时候,这些查询首先都会依据一个类型系统对其进行验证。每个GraphQL服务都会在GraphQL schema里定义类型信息。

可以把这个类型系统看作是你的API数据的蓝本,它由你定义的一系列对象所支撑。

例如这个User对象:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

GraphQL经常被称作是一个:声明式数据获取语言。

 

GraphQL的设计原则

  • 分层结构:GraphQL的查询是有层次结构的,字段可以内嵌其它字段;查询和返回数据的结构是一致的。
  • 以产品中心:GraphQL是由客户端所需要的数据所驱动,语言和运行时也支持客户端。
  • 强类型:GraphQL服务器由GraphQL类型系统所支撑。在schema里,每个数据点都有一个特定的类型,针对这个类型还有验证。
  • 客户端定制查询:GraphQL服务器提供了可以让客户端进行定制查询的能力。
  • 内省(introspective):客户端可以查询GraphQL服务器的类型系(schema)。

 

为什么使用GraphQL?

谈起GraphQL,总是离不开REST。

如果您想了解REST in ASP.NET Core,请看我写的这个系列文章:https://www.cnblogs.com/cgzl/p/9178672.html#rest

REST有几个问题:

过度获取:REST里GET请求的查询结果通常比较大,并且超过了客户端的需求:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这里我只需要name,height,和mass,但是却返回了所有的字段。

 

而使用GraphQL,我只需要查询我需要的数据:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

获取不足:使用REST时,我想获取部门和部门的人员,通常我需要先请求查询部门列表;然后遍历返回的部门列表,再次发出请求查询每个部门下的人员,所以是N+1查询。

而使用GraphQL,我就可以通过一个查询请求(嵌套的)取得相应的结果。

 

不灵活:随着API的演进,REST需要随时创建新的端点,所以REST API的端点增长速度很快;此外有版本和兼容性需要谨慎考虑。

而GraphQL,典型的结构是只有一个端点。这个单端点就像API网关一样组织了多个数据源,这样就会更简单。

 

综上,使用GraphQL的好处是:

  • 避免多重REST请求
  • 向下兼容,无需考虑版本
  • 可以对现有的数据源(例如REST API)进行包装
  • 与开发语言无关

 

GraphQL查询

我通过Github的GraphQL Explorer来进行演示,网址是:https://developer.github.com/v4/explorer/

登录之后,其效果如下:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

Github使用了graphiql,graphiql是一个浏览器内的IDE,它可以用来浏览和查询GraphQL。

graphiql的网址是:https://github.com/graphql/graphiql。

下一篇文章,我也会在.NET项目里安装这个graphiql。

graphiql只是用来浏览查询GraphQL的一个浏览工具而已,其它比较流行的工具还包括GraphQL Playground 和 GraphQL Voyager等。

 

第一个查询

打开Github的GraphiQL以后,自动加载了一个查询语句,我们点击运行按钮,右侧就会返回查询的结果:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

在这里,我查询了浏览者 viewer这个字段,当前浏览该网页的就是我自己;在查询里我还包括了viewer下的login字段,也就是登录名。

结果以JSON形式返回,其数据包含在data属性下,结构和查询结构一致。

 

如果我还想在查询中包含浏览者的姓名,那就加一个字段即可:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

GraphQL的查询也可以有注释:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

GraphiQL的智能提示

GraphiQL是具有智能提示的功能的。当你输入一个字母之后,就是这种效果:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

如果你什么都不输入,还想知道有哪些字段,那么就按Alt+空格

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

但是在windows上多少还是有些问题的,因为Alt+空格也会弹出浏览器的菜单😭。。。。

 

其实前面那个query关键字在这里是可以省略的,点击prettify之后,就会把query关键字去掉;并且如果您的查询格式比较乱的话,点击prettify也会对查询进行格式化:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

查询参数

 在GraphQL里,每个字段都可以有自己的参数。

 直接看例子。下面这个例子里,我想查询登录名为facebook的仓库所有者:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

括号里就是查询参数,这个参数的作用就是过滤数据,返回login字段等于facebook的仓库所有者。

 

再看一个例子,这次我要查询repository,参数是name,参数值是graphql,点击查询:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

注意,查询语句里有红色波浪线。不出意外,返回的了错误。

(所有的错误请求的返回结果都是这个格式的)。

 

错误信息里告诉我们要查询repository这个字段,必须要提供owner这个参数,那么我们就加上这个参数:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这次终于返回了正确的结果。

 

也可以再添加几个字段:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

GraphQL Schema

上面我介绍了几个查询的例子,下面我介绍一下这个查询的后台工作原理。

上面这些字段的设定是由GraphQL的schema来决定的。

  • Schema提供了你的数据中所有使用的对象类型。
  • 它制定了所有值的类型。

 

打开Github的Graphiql,右侧有个Docs按钮,也就是文档:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

每当我们定义了一个schema之后,文档就会自动生成。

 

打开Docs,可以看到两种操作类型

  • Query,查询,也就是用来获取数据的。
  • Mutation,变化,也就是用来更新数据的。

 

点击Query,进去后我们可以在这里看见之前进行的那些查询:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

那么就点击一下刚才的repository这个查询:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

可以看到这个查询需要两个参数:owner和name,类型都是字符串。

 

再返回到Query,仔细看一下那些和字段在一起的黄色字体的东西:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这些就是类型

在类型里,有的是常见的类型:例如StringIntFloatBooleanID

 

输入类型和返回类型

当定义schema的时候,我们也会相应的定义所允许的输入类型,它们可以是参数类型或字段类型。

输入类型可以是:Int,Float,String,Boolean,Null,Enum,List,Object。

例如:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

后边的叹号,表示该参数是必须的。

 

冒号后边的部分就是返回类型

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

当我们定义好Schema之后,文档就生成了,所以GraphQL是自我生成文档的

 

查询Schema

除了看文档之外,你可以直接查询schema,这点在我们不使用graphiql的时候尤其有用。

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这个查询里,我们要查的是__schema字段;然后是它下面的queryType字段,queryType将会返回schema下所有的查询;然后我再查询queryType下的name和description,点击运行,就会看到右边的结果:name是Query,描述是它是Github GraphQL接口的query root。

这个结果和文档里的描述是一样的:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

下面再加上fields字段看看:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这个结果的fields字段就包括很多内容了:codeOfConduct,license等等。而这些就是root query所有支持的字段。

 

查询Type

除了查询schema外,另一个有用的查询就是Type的查询。

例子,查询Repository这个类型的相关信息,查询__type字段,带着参数name为Repository:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这个查询结果也和文档里的一致,我就不贴图了。

 

别名

当我使用不同的参数来查询两个同样的字段的时候,会报错的:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

 

时就应该使用别名了。添加别名只需要在字段前边加上别名和冒号即可:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

这回查询就没有错误了。

 

Fragment

上面的例子里,graphql和aspnethome都查询的是相同的几个字段。这样的输入就有点重复了,这时我们就可以使用Fragment。Fragement是可重用的字段集合,它可以根据需要被包含在查询里。

上面的例子使用fragement以后就是这样:

使用ASP.NET Core开发GraphQL服务器 -- 预备知识(上)-LMLPHP

最下面是fragment的定义,使用fragment关键字,然后跟着自定义的名称,它作用于Repository这个类型,大括号里就是需要查询的字段。

在查询里使用fragment时需要用三个点"...",它的作用相当于js里的展开操作符,把fragment里面的字段展开到相应的查询里。

fragment在GraphQL里使用的非常多

 

今天先到这。

10-03 13:56