前端需要学GraphQL 吗?

news/2025/2/23 5:45:36
http://www.w3.org/2000/svg" style="display: none;">

什么是GraphQL?

GraphQL 是 Facebook 开发的一个数据查询语言,可以让前端开发者更具体地指定他们需要什么数据,从而使数据获取更加高效。GraphQL 是一种数据查询和操作语言,它主要被设计用来作为 API 的请求语言。与传统的 RESTful API 相比,GraphQL 的主要优势在于其灵活性,它允许客户端精确地描述他们需要什么样的数据,减少不必要的数据传输,提高 API 请求效率。

为什么需要GraphQL?

直接后端SQL查数据就好了吗,为什么需要这个东西???

我们从以下两个角度来看:

  1. 数据的有效性:在传统的 RESTful API 设计中,后端开发者通常会预先定义好一系列的 API 接口,用以获取不同的数据。然而,这种方式的问题在于,前端开发者只能选择请求哪个 API 接口,而不能决定获取的具体数据的结构。这就可能导致前端获取到很多不必要的数据,或者反过来,为了获取所需的所有数据,前端可能需要发送多次的 API 请求。而 GraphQL 则解决了这个问题,它允许前端通过编写查询语句精确地得到所需的数据,并减少了数据的传输量。
  2. 工作的高效性:在传统的开发模式中,后端开发者需要提前预定义并实现 API 接口,然后前端开发者根据这些端点来获取数据和开发前端应用。这就需要前后端开发者进行大量的沟通和协调,而且当需求变更时,可能需要后端重新修改和部署 API 端点。使用 GraphQL,只需要后端开发者提供 GraphQL 的 schema 和 resolver,前端开发者则可以自行编写查询语句,获取他们需要的数据,这样大大提高了开发效率。

在如今的前后端分离的开发模式中,GraphQL 不仅提供了一种灵活高效的数据查询方式,同时也给前后端开发者带来了更多的协作灵活性。前端开发者能够更自由、更精确地获取他们需要的数据,而后端开发者则能专注于如何更有效地处理和提供数据。

Golang如何实现?

在 Golang 中,我们可以使用 graphql-go/graphql 这个库来设置 GraphQL 服务器。下面是快速上手的一些主要步骤:

  1. 安装 graphql-go/graphql 库:
go get github.com/graphql-go/graphql
  1. 定义数据类型:

我们首先需要定义我们的数据类型。在 GraphQL 中,所有的东西都是类型,包括查询(query)和变更(mutation)。以下是一个简单的例子:

var userType = graphql.NewObject(graphql.ObjectConfig{
	Name: "User",
	Fields: graphql.Fields{
		"id": &graphql.Field{
			Type: graphql.String,
		},
		"name": &graphql.Field{
			Type: graphql.String,
		},
	},
})
  1. 定义 Query:

在 GraphQL 中,查询是用来读取数据的。你需要定义一个 RootQuery 来得到你需要的数据。

var queryType = graphql.NewObject(graphql.ObjectConfig{
	Name: "Query",
	Fields: graphql.Fields{
		"User": &graphql.Field{
			Type: userType,
			Args: graphql.FieldConfigArgument{
				"id": &graphql.ArgumentConfig{
					Type: graphql.String,
				},
			},
			Resolve: func(p graphql.ResolveParams) (interface{}, error) {
				// 这里写你获取 user 的逻辑,可以从数据库或者其他地方
				// p.Args["id"] 是客户端传来的 id 参数
				// 假设我们有一个 getUserByID 函数从数据库获取用户
				return getUserByID(p.Args["id"].(string)), nil
			},
		},
	},
})
  1. 创建 schema:

创建 schema,传入你的 root query:

schema, err := graphql.NewSchema(graphql.SchemaConfig{
	Query:    queryType,
})
if err != nil {
	log.Fatalf("failed to create new schema, error: %v", err)
}
  1. 创建一个 handler 来处理客户端的请求:
http.Handle("/graphql", &relay.Handler{Schema: graphql.Schema})
log.Fatal(http.ListenAndServe(":8080", nil))

至此,GraphQL 服务器就已经建立好了,可以通过 POST /graphql 来访问你的 API 了。查询的例子如下:

{
   "query": "{ user(id:"1") { name } }"
}

值得注意的是, 虽然 GraphQL 带来了诸多好处,但它并不是万能的。在某些情况下,例如 API 要提供一种简单统一的数据接入方式,或者你的应用的数据需求非常明确且变化不大时,传统的 RESTful API 也许会是更好的选择。总的来说,GraphQL 是作为 RESTful API 的一个有效补充,而不是替代品,开发者需要根据自己的具体需求来选择更适合的工具。

如果上面的内容对你有帮助,请点赞收藏哦,我会分享更多的经验。


http://www.niftyadmin.cn/n/5299618.html

相关文章

Swift 周报 第四十三期

文章目录 前言新闻和社区关于 App Store 提交的隐私更新iPhone 破发促销、印度市场寻增量,苹果再攀 3 万亿美元高点假日将至,请为你的 App 做好准备 提案通过的提案正在审查的提案 Swift论坛推荐博文话题讨论关于我们 前言 本期是 Swift 编辑组整理周报…

多技术融合在生态系统服务功能社会价值评估中的应用及论文写作、拓展分析

生态系统服务是人类从自然界中获得的直接或间接惠益,可分为供给服务、文化服务、调节服务和支持服务4类,对提升人类福祉具有重大意义,且被视为连接社会与生态系统的桥梁。自从启动千年生态系统评估项目(Millennium Ecosystem Asse…

LED显示屏常用驱动芯片一览表

LED显示屏驱动芯片是专门用于驱动LED显示屏的核心芯片,它能够将输入的电信号转化为驱动能力,以控制LED灯的亮度和颜色。LED显示屏驱动芯片具有高可靠性、低功耗、长寿命等优点,是LED显示屏产业的核心零部件之一。 SM16306SJ LED显示屏驱动芯…

计算机网络——基础知识汇总(八)

个人名片: 🦁作者简介:一名喜欢分享和记录学习的在校大学生 🐯个人主页:妄北y 🐧个人QQ:2061314755 🐻个人邮箱:2061314755qq.com 🦉个人WeChat:V…

基于mediapipe的人体姿态估计模型——没有GPU依然速度飞起

关于人体姿态检测模型,我们前期也介绍过了很多相关的模型,比如基于Yolo-NAS的姿态检测以及基于YOLOv8的人体姿态检测,而人体姿态估计一直是计算机视觉任务中比较重要的一个模型。但是基于YOLO系列的人体姿态检测模型需要较大的算力,且很难在CPU模型上快速的运行。 基于medi…

Flutter 混合开发 - 动态下发 libflutter.so libapp.so

背景 最近在做包体积优化,在完成代码混淆、压缩,裁剪ndk支持架构,以及资源压缩(如图片转webp、mp3压缩等)后发现安装包的中占比较大的仍是 so 动态库依赖。 具体查看发现 libflutter.so 和 libapp.so 的体积是最大的&…

<sa8650>sa8650 XBL-之-XBL配置指南

<sa8650>sa8650 XBL-之-XBL配置指南 1 XBL Config概述1.1XBL配置使用2 XBL配置图像生成3 XBLConfig库3.1 存储闪存库3.1.1 image布局3.1.2 元数据头详细信息3.2 RAM库3.2.1 身份验证3.2.2 API支持3.3 各种设备中的存储库4 添加 XBL Config项4.1 向构建环境中的XBLConfig

数据库闭包求法 附相关习题及解析

闭包就是由一个属性直接或间接推导出的所有属性的集合 以下是写的比较科学规范的闭包求解方法,设X和Y均为关系R的属性集的子集,F是R上的函数依赖集,若对R的任一属性集B,一旦X→B,必有B⊆Y,且对R的任一满足…