小试GraphQL

简介: 小试GraphQL

之前做的需求,基本都是REST风格,以github提供的api为例,比较二者差异。试用GraphQL,找寻其独到之处


REST

REST

  • 一个URI代表一种资源
  • 通过HTTP动词对资源进行操作


创建一个仓库为例

微信截图_20230926164443.png

image.png

GET,

PATCHDELETE类似



GraphQL

  • GraphQL的endpoint只有一个
  • 所有请求都是POST


可以在 Exploer左边写查询,右边显示结果。

查询当前登录的用户名:

微信截图_20230926164505.png

查询Go项目当前的star数:

微信截图_20230926164547.png

GraphQL的endpoint只有一个,即

https://api.github.com/graphql

使用Postman:

微信截图_20230926164600.png

使用querymutation来区分是查询还是修改

微信截图_20230926164631.png

二者区别

  • REST一个URI就是一个资源,GraphQL只有一个URI
  • REST返回所有的内容,response体积较大,GraphQL可以只返回需要的数据,返回值体积小

GraphQL是一种语言,有自己的语法和类型系统

微信截图_20230926164642.png

会有错误提示~

微信截图_20230926164713.png

GraphQL的优势:

  • 取你所需要的数据,不多也不少

          n+1问题

  • nesting(嵌套查询)

           比如想取一个pr的commits、comment、reviews,用REST需要请求四次,然后还需要对返回值进行组装;而用GraphQL则只需要一次请求,拿到的就是需要的数据

微信截图_20230926164726.png

资源孤岛 (REST) vs Graph(GraphQL)

graphql-voyager

image.png

  • 强类型(每一个GraphQL的请求发到服务端之后,服务端都会进行校验,不通过会报错)

Migrating from REST to GraphQL

微信截图_20230926164809.png

目录
相关文章
|
9月前
|
缓存 前端开发 API
掌握无限可能:GraphQL在前端开发中的华丽变身
在前端开发领域,GraphQL作为一种革命性的查询语言和API规范,正逐渐崭露头角。本文将介绍GraphQL在前端开发中的应用,探讨其优势和实践经验。通过使用GraphQL,开发者可以轻松构建高效、灵活且可扩展的前端应用,极大地提升开发效率和用户体验。
|
9月前
|
前端开发 数据管理 API
探究GraphQL在前端开发中的实际应用
在如今越来越复杂的前端应用程序中,数据管理变得更加困难,因此GraphQL成为了越来越受欢迎的解决方案。本文将介绍GraphQL在前端开发中的应用,以及它对开发过程所带来的好处。
|
6月前
|
缓存 前端开发 JavaScript
"React与GraphQL Apollo Client的神奇之处:如何用高效数据驱动应用让你的项目一鸣惊人?"
【8月更文挑战第31天】在当今的Web开发领域,数据驱动应用已成主流。本文章深入探讨了React——一个用于构建用户界面的流行JavaScript库,与GraphQL及Apollo Client结合使用时如何助力开发者高效创建数据驱动应用。通过示例代码,文章展示了React与GraphQL Apollo Client在实际项目中的应用方法,并总结了其优势及最佳实践,为读者提供了全面的技术指南。
56 0
|
6月前
|
API UED 开发者
用Vaadin Flow点燃你的Web开发:打造现代化应用的秘诀
【8月更文挑战第31天】陈强是一位全栈开发者,他选择使用Vaadin Flow为公司创新项目开发定制化电子商务平台。Vaadin Flow凭借其丰富的UI组件和便捷的开发模式缩短了开发周期。陈强利用`TextField`、`Button`等组件快速实现了用户登录功能,并通过`Grid`组件展示了商品列表。他还计划利用Vaadin的主题定制功能保持应用外观与公司品牌的统一,同时优化数据绑定和页面导航以提升应用性能和用户体验。此案例展示了Vaadin Flow在现代化Web应用开发中的强大功能和高效性。
61 0
|
9月前
|
缓存 前端开发 JavaScript
【专栏】GraphQL,Facebook 开发的API查询语言,正在前端开发中崭露头角
【4月更文挑战第27天】GraphQL,Facebook 开发的API查询语言,正在前端开发中崭露头角。它提供强类型系统、灵活查询和实时更新,改善数据获取效率和开发体验。掌握GraphQL涉及学习基础概念、搭建开发环境和实践应用。结合前端框架,利用缓存和批量请求优化性能,与后端协作设计高效API。尽管有挑战,但GraphQL为前端开发开辟新道路,引领未来趋势。一起探索GraphQL,解锁前端无限可能!
119 2
|
前端开发 API
#yyds干货盘点 歌谣学前端之react三个api之一续集
#yyds干货盘点 歌谣学前端之react三个api之一续集
125 0
#yyds干货盘点 歌谣学前端之react三个api之一续集
|
开发工具 数据安全/隐私保护
libjingle开发人员指南
libjingle开发人员指南 libjingle SDK包含C + +源代码和文档,使您能够设计连接和网络交换数据的应用程序(通过点对点数据连接)。该SDK包含代码和示例应用程序,一个Window平台的Vs2005 的解决方案,其他平台的configuration and makefiles文件用来编辑程序。
1432 0
|
前端开发 JavaScript 小程序
从GraphQL到前端数据管理的革命 - GraphQL干货笔记
你知道吗?FaceBook、GitHub,Pinterest,Twitter,Sky,纽约时报,Shopify,Yelp这些大公司已经在使用GraphQL规范的接口规范了。再不学习就落后了。
339 0
|
缓存 前端开发 API
用了6个月的GraphQL,真香!
本文作者用 GraphQL 在后端做了 6 个月的项目,分享了自己体验 GraphQL 的优点和缺点。作者认为 GraphQL 提供的灵活性让其缺点不足为道,强烈建议使用 GraphQL 作为 REST API 的替代品。
|
API 数据格式 JSON
带你读《GraphQL学习指南》之三:GraphQL查询语言
本书为希望开始使用GraphQL的前端Web开发人员、后端工程师以及项目或产品经理提供了一条清晰的学习路径。书中将先后探索图论、图数据结构和GraphQL类型,之后在实际项目中学习如何为照片共享应用构建schema。本书还介绍了Apollo Client,可用来将GraphQL连接到用户界面。

热门文章

最新文章