GraphQL 01--- GraphQL 介绍及资源总结
作为一位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?
在介绍这个问题之前,先来看看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资源总结:
- 官网https://graphql.github.io/
- 中文官网http://graphql.cn/
- GraphQL 使用指南https://www.howtographql.com/
- Prisma https://www.prisma.io/with-graphql/
- Apollo Graph https://www.apollographql.com/
- GraphQL .Net https://graphql-dotnet.github.io/docs/getting-started/introduction/ (后续的如何使用GraphQL的Demo就是参照这个文档写的)
下篇文章将介绍如何使用GraphQL.Net 与C# 结合
GraphQL 01--- GraphQL 介绍及资源总结的更多相关文章
- 让ASP.NET Core支持GraphQL之-GraphQL的实现原理
众所周知RESTful API是目前最流行的软件架构风格之一,它主要用于客户端和服务器交互类的软件.基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等机制. RESTful的优越性是毋庸置疑 ...
- 开源Math.NET基础数学类库使用(01)综合介绍
原文:[原创]开源Math.NET基础数学类库使用(01)综合介绍 开源Math.NET基础数学类库使用系列文章总目录: 1.开源.NET基础数学计算组件Math.NET(一)综合介绍 2. ...
- 《The Linux Command Line》 读书笔记01 基本命令介绍
<The Linux Command Line> 读书笔记01 基本命令介绍 1. What is the Shell? The Shell is a program that takes ...
- [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, ...
- Nmap原理-01选项介绍
Nmap原理-01选项介绍 1.Nmap原理图 Nmap包含四项基本功能:主机发现/端口扫描/版本探测/操作系统探测.这四项功能之间存在大致的依赖关系,比如图片中的先后关系,除此之外,Nmap还提供规 ...
- vue.js 2.0 官方文档学习笔记 —— 01. vue 介绍
这是我的vue.js 2.0的学习笔记,采取了将官方文档中的代码集中到一个文件的形式.目的是保存下来,方便自己查阅. !官方文档:https://cn.vuejs.org/v2/guide/ 01. ...
- 01.课程介绍 & 02.最小可行化产品MVP
01.课程介绍 02.最小可行化产品MVP 产品开发过程 最小化和可用之间找到一个平衡点
- .NET开源项目介绍及资源推荐:数据持久层
在.NET平台下,关于数据持久层框架非常多,本文主要对如下几种做简要的介绍并推荐一些学习的资源: 1.NHibernate 2.NBear 3.Castle ActiveRecord 4.iBATIS ...
- GraphQL ---02 GraphQL和C#结合的实战项目
本文章是介绍和记录如何创建GraphQL项目,以及如何使用GraphQL进行数据的相关操作.项目参照GraphQL .Net 的官方文档进行实践 一.项目结构: 为了更好的和原有的项目结合在一起,尽可 ...
随机推荐
- JSP/JSF从web.xml中取出context-param的配置信息
JSP/JSF从web.xml中取出context-param的配置信息. 应用场景:我们配置了项目的版本信息,想让他显示在页面上,如: <context-param><!-- ## ...
- winform动态生成新窗体并添加控件执行命令
主要代码 Form nf = new Form(); ; ; nf.Width = _w; nf.Height = _h; //添加textbox TextBox tb = new TextBox() ...
- 【dp】摘花生
[题目描述] Hello Kitty想摘点花生送给她喜欢的米老鼠.她来到一片有网格状道路的矩形花生地(如下图),从西北角进去,东南角出来.地里每个道路的交叉点上都有种着一株花生苗,上面有若干颗花生,经 ...
- js的一些点
1 闭包 闭包就是说,能够读取其他函数内部变量的函数. 其实这句话我不是很明白,因为我觉得闭包的作用是: 延迟函数执行 模拟私有变量 根据第二点的描述,应该是阻止其他东西访问自身私有成员,到了这怎么变 ...
- [网络流]BZOJ4657 最小割约束
题面: DescriptionNick最近在玩一款很好玩的游戏,游戏规则是这样的:有一个n*m的地图,地图上的每一个位置要么是空地,要么是炮塔,要么是一些BETA狗,Nick需要操纵炮塔攻击BETA狗 ...
- Phython中读写和存储.mat文件
背景 在做deeplearning过程中,使用caffe的框架,一般使用matlab来处理图片(matlab处理图片相对简单,高效),用python来生成需要的lmdb文件以及做test产生结果.所以 ...
- PHP7 中 ?? 与? :的区别
??是PHP7版本的新特性,它与?:的区别在哪里呢 ?? $b = $a?? $c ;相当于$b= isset($a)?$a:$c; ?: $b = $a?$a: $c 则是 $b = !empty( ...
- 逆FizzBuzz问题求最短序列
问题描述 FizzBuzz问题:一个大于0的自然数能整除3,将输出“Fizz”:能整除5,将输出“Buzz”:能整除3和5,将输出“FizzBuzz”:否则输出自己. 逆FizzBuzz问题最短序列: ...
- 老男孩Python全栈学习 S9 日常作业 010
1.写函数,接收n个数字,求这些参数数字的和. def func1(*Num): num = 0 for i in Num: num += i return num 2.读代码,回答:代码中,打印出来 ...
- Vue学习笔记一:初识Vue
目录 什么是Vue? 为什么要学习前端框架? MVC,MVP 和 MVVM 最简单的入门小案例 下载Vue.js 新建文件结构 写一个html 运行 可笑的小报错 Vue和MVVM 什么是Vue? V ...