作为一位web开发人员,在使用REST API的时候,是否遇到过这样的问题:  

  1.调用一个API的时候,总是会返回一些不需要的信息。

  2. 对于一个资源的调用,如果想获取到更多的信息,可能需要发送多次请求才能获取。

那么现在是时候了解一下GraphQL了。

一、什么是GraphQL?

  GraphQL是FaceBook于2012年在内部开发的数据查询语言,在2015年开源,旨在提供RESTful架构的替代方案。根据官网的介绍:

GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

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

二、为什么使用GraphQL?

  在介绍这个问题之前,先来看看REST的API吧。

  在使用了 RPC 远程过程调用接口之后,你会发现REST API的优越,这正是你梦寐以求的API定义模式。

    • 对于系统本身耦合性低,调用者不再需要了解接口内部处理和实现细节
    • 重复使用了一些 http 协议中的已定义好的部分状态动词,增强语义表现力
    • API可以随着时间而不断演进

  但随着项目的开展,你会发现有这样一些问题:

  当需要查询一个实体数据集的时候,如购物系统查询一本书籍,按照接口的定义,我们可以获取到一本书籍的所有信息。如他的ISBN,ID,name,价格,描述,等等信息。

  问题:

  1. 对于查询数据的接口,有时候需要获取数据的信息不一样,如在手机APP上,我可能需要一本书籍的ID,Name,价格。在Web应用上,我可能需要获取一本书籍的ISBN,Name,价格,描述等信息。这时候应该怎么办?

    如果只定义一个接口,那么在手机APP上获取的数据有部分内容是冗余字段。如果定义多个接口,代码会有很多冗余代码。

  2. 同样对于查询数据接口,如果获取书籍的数据的同时,我还需要获取到最近这本书籍的评价,以及相关附加信息(如标签,卖家信息)。这时候怎么办?

    你可能会说,多设计几个接口,然后根据书籍的ID 等信息,多发送几次请求,就可以获取到相关信息了。但多发送几次请求,就多传递了很多附加信息。在网络带宽低的时候,也许就是个灾难了。

  对于这两个问题,作为前端工程师的你可能需要追着后端开发工程师,希望他能给你提供一个便捷的方案。如改接口什么的,对于公司项目,尤其是多端(web、App、小程序等)的项目,改接口可能是牵一发而动全身的工作。

  那么这个时候GraphQL闪亮登场:

  就像GraphQL官方文档中说的:(要你想要的)

Ask for what you need, get exactly that

三、谁在使用GraphQL

  Facebook当然不用说,全球最大同性交友网站GitHub, Twitter,国内好像现在比较少。

四、GraphQL资源总结:

下篇文章将介绍如何使用GraphQL.Net 与C#  结合

  

GraphQL 01--- GraphQL 介绍及资源总结的更多相关文章

  1. 让ASP.NET Core支持GraphQL之-GraphQL的实现原理

    众所周知RESTful API是目前最流行的软件架构风格之一,它主要用于客户端和服务器交互类的软件.基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制. RESTful的优越性是毋庸置疑 ...

  2. 开源Math.NET基础数学类库使用(01)综合介绍

    原文:[原创]开源Math.NET基础数学类库使用(01)综合介绍 开源Math.NET基础数学类库使用系列文章总目录:   1.开源.NET基础数学计算组件Math.NET(一)综合介绍    2. ...

  3. 《The Linux Command Line》 读书笔记01 基本命令介绍

    <The Linux Command Line> 读书笔记01 基本命令介绍 1. What is the Shell? The Shell is a program that takes ...

  4. [GraphQL] Use GraphQL's List Type for Collections

    In order to handle collections of items in a GraphQL Schema, GraphQL has a List Type. In this video, ...

  5. Nmap原理-01选项介绍

    Nmap原理-01选项介绍 1.Nmap原理图 Nmap包含四项基本功能:主机发现/端口扫描/版本探测/操作系统探测.这四项功能之间存在大致的依赖关系,比如图片中的先后关系,除此之外,Nmap还提供规 ...

  6. vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍

    这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. ...

  7. 01.课程介绍 & 02.最小可行化产品MVP

    01.课程介绍 02.最小可行化产品MVP 产品开发过程 最小化和可用之间找到一个平衡点

  8. .NET开源项目介绍及资源推荐:数据持久层

    在.NET平台下,关于数据持久层框架非常多,本文主要对如下几种做简要的介绍并推荐一些学习的资源: 1.NHibernate 2.NBear 3.Castle ActiveRecord 4.iBATIS ...

  9. GraphQL ---02 GraphQL和C#结合的实战项目

    本文章是介绍和记录如何创建GraphQL项目,以及如何使用GraphQL进行数据的相关操作.项目参照GraphQL .Net 的官方文档进行实践 一.项目结构: 为了更好的和原有的项目结合在一起,尽可 ...

随机推荐

  1. python第十天

    函数 1.函数:完成特定功能的代码块,作为一个整体,对其进行特定的命名,该名字就代表函数 在现实中,很多问题要通过一些工具进行处理==>可以将工具提前生产出来,并命名==>通过名字就可以找 ...

  2. Security+高分考过经验分享812分

    Security +也是无意中从谷安的宣传单知道的,本来就是想从事安全的行业,而且Security +含金量高,是国际认可的认证就想着去考一考试试. 大概从2018.12开始正式准备的,前面时间都是停 ...

  3. 洛谷 P5304 [GXOI/GZOI2019]旅行者(最短路)

    洛谷:传送门 bzoj:传送门 参考资料: [1]:https://xht37.blog.luogu.org/p5304-gxoigzoi2019-lv-xing-zhe [2]:http://www ...

  4. 第一个thinkphp项目遇到的知识

    本文是于项目完成后所写,基本是想到 哪写到哪,所以顺序会很乱. 1.在后台处理ueditor这种文本编辑器的时候,会遇到取值问题,如果你想要取纯文本内容:getContentTxt(),没有段落格式: ...

  5. H5_0007:使用base64做为背景图片

    page { overflow:hidden; position:fixed; /* background-image:url('http://p0d5ombx1.bkt.clouddn.com/lo ...

  6. Jdk和Spring Boot版本选择

    ==========================版本选择的原则:==========================1. 优先选择官方指定的long-term support(LTS)版本, 非L ...

  7. python学习07

    函数中的模块及包管理1)1.模块查找的顺序:运行代码时当前目录 -> PYTHONPATH ->系统环境变量PATH设置的路径2.导入模块的书写规范:内置模块-------第三方模块--- ...

  8. Ubuntu18.04格式化U盘为NTFS的方法

    1.先安装工具ntfs-3g sudo apt-get install ntfs-3g 2.找到需要格式化的U盘在系统中的序号 df -h 找到U盘的序列号后记下来,例如“/dev/sdd1” 3.解 ...

  9. 在页面加载前先出现加载loading,页面加载完成之后再显示页面

    在此加入一个关于页面加载成功之前先展现一个loading的案例: 如下代码写入js里放在html头部即可实现需求:添加的可以自己在css文件设置宽高,也可以放入一个background的gif的loa ...

  10. 关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗(执行事件)的解决方法

    好久没见了 在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh ...