乐趣区

关于graphql:从零开始学习-GraphQL入门指南和教程

意识 GraphQL

前段时间,GraphQL 呈现并掀起了一阵热潮。然而 GraphQL 跟 REST 是两种不同的货色,所以也须要肯定的学习老本,导致大部分人都没有抉择去学习它,明天就带大家简略过一遍 GraphQL 吧,心愿大家能有所播种。

常识扩大:GraphQL 和 REST 比照

GraphQL 好在哪?

首先来说说 GraphQL 到底好在哪:

  • GraphQL 速度快并且稳固
  • GraphQL 能够获取更多的资源
  • GraphQL 是单端点查问
  • GraphQL 的可持续性十分杰出
  • GraphQL 具备向下兼容的个性

GraphQL 应用场景

GraphQL 的按需查问十分实用,试想一下,你们在开发一个十分大型的网站的时候,一个首页就得申请很多个接口了,比方:

  • 轮播图接口
  • Tag 接口
  • List 接口

在下面的例子里,一个首页就得申请三个以上的接口了,浏览器并发数太多的话,会大大影响用户的应用体验。

那如果应用 GraphQL 去查问呢,就只须要一个接口就完事了,也就是一个申请就能够查问很多个申请所须要的数据,那天然缩小了并发数。

GraphQL 教程

GraphQL 其实不难,无非就是传个不同的 query 语句 到后端,接管不同的 JSON 罢了。

query 查问

比方我当初要设计一个学生治理平台,我想查问学生列表,我应该传什么参数呢?

剖析一下下面的语句:

  • query:操作类型
  • getStudents:操作函数名
  • students:是后端定义好的接口
  • id,name,age:指的是咱们须要查问的字段

这样查问,返回的数据为:

察看下面的数据,使咱们想要的数据,并且只返回咱们须要查问的字段。

传参查问

咱们刚刚说了 getStudents 是 函数名,那既然是函数,必定是能够传参的,比方,咱们只须要查问 id 为 1 的学生,咱们能够这么传:

query

variables

这样就能查到咱们想要的数据了。

mutation 批改

后面讲的是 query 语句,咱们试一下 mutation 语句,他能够对数据进行批改、新增。

比方咱们想要新增一个学生,咱们能够这么写:

调试 GraphQL 接口步骤

咱们写完 GraphQL 接口之后,咱们须要应用 API 工具对 GraphQL 接口进行调试。

新建 GraphQL 申请

咱们须要先在 Apifox 里新建一个 GraphQL 申请,应用它去发动申请,并调试。

而后点击 保留 按钮,实现创立。

查问

咱们先查出所有的学生,咱们须要跳到 运行 页面,并抉择对应的 Body 类型,填写 query 语句,而后点击 发送 按钮,失去查问后果,合乎咱们的预期。

带参查问

接着咱们能够进行 带参查问,须要同时配置:

  • query
  • variables

常识扩大:

理解更多对于 GraphQL 常识。

  • GraphQL 有什么长处和毛病
  • API 开发:gRPC vs GraphQL – 如何抉择更适宜你的开发计划
退出移动版