为什么查询中的GraphQL片段需要__typename？

GraphQL片段中需要包含__typename字段的原因是为了在客户端进行类型检查和数据转换时提供必要的信息。__typename字段是GraphQL的内置字段，用于返回查询结果中每个对象的类型名称。

在GraphQL中，查询结果是一个由多个对象组成的树状结构。客户端需要知道每个对象的具体类型，以便正确地处理和显示数据。通过包含__typename字段，客户端可以根据返回的类型名称来判断对象的类型，并根据需要进行相应的处理。

__typename字段的存在还有助于在GraphQL服务端进行查询优化。服务端可以根据查询中包含的类型信息来优化数据获取和处理的逻辑，提高查询性能和效率。

总结起来，查询中的GraphQL片段需要包含__typename字段的原因是：

类型检查和数据转换：客户端需要知道每个对象的具体类型，以便正确地处理和显示数据。
查询优化：服务端可以根据查询中包含的类型信息来优化数据获取和处理的逻辑，提高查询性能和效率。

腾讯云相关产品和产品介绍链接地址：

腾讯云提供了云原生应用引擎（Cloud Native Application Engine，CNAE）产品，它是一种基于Kubernetes的云原生应用托管服务，支持自动化构建、部署和运维应用程序。CNAE可以帮助开发者快速构建和部署云原生应用，提供高可用、弹性伸缩、自动化运维等特性。

产品介绍链接：https://cloud.tencent.com/product/cnae

相关·内容

GraphQL入门之查询片段的使用

前面的文章介绍了 GraphQL 的查询操作，但是有时候我们要执行类似下面的这种查询操作，在一个查询中包含多个查询操作并且返回的对象结果相同的时候，重复去写这些属性列表也是比较冗余的事情，那么怎么简化这个写法呢...} 创建 Node.js 的工程 mkdir myapp cd myapp npm init (一路回车) 安装依赖包 npm install @apollo/server graphql 定义 Schema...定义处理函数： users：返回上面初时的 User 数组。 user(obj, args, context, info)：根据传入的 id 在 User 数组中查找，并返回查询结果。...{ ... userfields } firstuser: user(id: 1) { ... userfields } } 这里定义了一个 fragment，包含了所有需要返回的...User 类型的属性在所有需要写返回属性的地方，使用 "..."

871 0

【JS】197-【译】更优秀的GraphQL中文文档-服务器端

Type System 如果你已经见过 GraphQL query，那么你就知道 GraphQL 查询语言基本上是在对象上查询指定的字段。...但是对我们需求的数据做精确的描述是很有用的--也决定了什么样的字段我们可以去查询？哪一类对象会被返回？在子对象中哪些字段是可用的？这就是 schema 的作用。...在本例中，如果你查询的字段返回的是 SerchResult union type ,也需要用到内联片段 query { search(text: "an") { __typename...并且，本例中，既然 Human 和 Droid 都有一个共同的接口（Character）,你可以直接查询他们的公共字段而不是重复的在其中查询。...，否则查询结果中不会出现 name ，因为它并不享有同样的接口。

1K2 0

Go GraphQL 教程

尽管有时候需求并不需要所有字段，又或者有时候需求需要调用多个接口，组装成一个大的格式，以完成需求。后端抽象出多少实体，对应就会设计各种资源实体的接口。...看到没，这类的接口设计：需要维护多类接口，需求不断变更，维护的接口越来越多字段的获取，前端或者客户端不能决定，而是一股脑的返回，再由相应开发人员处理需要考虑接口版本 ......GraphQL 尝试解决这些问题：查询语法和查询结果高度相似根据需求获取字段一个路由能获取多个请求的结果无需接口版本管理 1 既然是一种专门用于 API 的查询语言，其必定有一些规范或者语法约束...data、code GraphQL 是一种专门用于 API 的查询语言，有语法约束。...是否不包含该字段、@deprecate 是否废弃该字段内联片段：接口类型或者联合类型中获取下层字段元字段类型定义、对象定义内置的类型：ID、Int、Float、String、Boolean,

4.4K2 0

GraphQL项目中前端如何预生成Persisted Query

都需要一段schema来进行描述你想要的数据. 比如这里我们定义了一个方法, 方法是一个query类型的, 刚刚介绍过了GraphQL是一个描述型的API, 那么我们也可以描述一下它....但是这样带来了几个坏处: 我明明只需要部分数据, 你却给我返回了整个对象,不太合理如果整个对象过于庞大甚至你需要多个表查询拼一个对象给我, 那么我只取其中的一小部分而已, 性能开销浪费了我只需要部分信息...也就是, 在前端部署的过程中或者是在访问页面之前就已经生成好. 为什么要预生成当然, 还是要问为什么要这么做....简单来说, 还是为了更好的优化, 试想一下, 如果我已经可以将一个大量访问的schema的变动提前缓存起来, 并且准备好这份数据, 当前端访问的时候, 我直接将这份缓存好的数据扔给前端, 而不是再在后台重新查询拼接....graphql 文件去遍历获得它的fragment 通过AST给每一个节点上面添加__typename (这一步可能不需要, 因为如果你的请求设置了不带__typename, 就没必要了) hash

9872 0

记一次通过c#运用GraphQL调用Github api

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。...GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。...repository库，所以用到的search接口（但是很奇怪，这个接口在文档中并没有列出来，也不知道为什么）。...另外GraphQL是强类型的，所以当笔者用到的search返回的结果并不是一个明确的数据对象时，先需要通过node下的__typename字段来获得实际的对象是什么。...GraphQL虽好，但是要真正在中大型项目中运用GraphQL，还有有很大的困难的，服务端需要支持到GraphQL的规范格式进行数据输出，我认为需要付出的成本可不小。

1.3K2 0

GraphQL测试实践

，减少请求次数 GraphQL是强类型的，通过它，可以在执行之前验证 GraphQL 类型系统中的查询，它帮助我们构建更强大的 API。...} __typename }}"} GraphQL 请求的Body里面包含的是我们在GraphQL server中定义的Query 和Schema中的字段。...但是当查询的api 返回几万条，我们需要验证某一些数据与逻辑的正确性时，graphiql与graphql-playground 就显得力不从心。怎么办？...我们需要一种能发出GraphQL 请求并且有相应断言框架的工具。...光有了这种可视化的脚本运行是远远不够的，我们需要将我们编写的测试脚本与CI集成，并入我们整个开发流程中才能算完美，Postman提供了newman 这个第三库方便我们能够将Postman中export出的脚本

2K3 0

MySQL 中 MyISAM 中的查询为什么比 InnoDB 快？

所以，我一一的拒绝了他们。关于这套面试题，有很多内容，我都写过文章的！今天，我们来写一写第 14 小题。为什么 MyisAM 查询快？ ? 关于，这个问题，我网上看了很多答案。...不同的场景，还真不能说 MyISAM 比 InnoDB 中的查询快！下面我们一起来看看 Innodb 和 Myisam 的 5 大区别： ? 上面的“事务”写错了。...关于 count 的区别，可以看我的这篇文章《你真的懂 select count(*) 吗？》。那么为什么大家喜欢说 MyisAM 查询快呢？...MyIsam 则非聚集型索引，myisam 存储会有两个文件，一个是索引文件，另外一个是数据文件，其中索引文件中的索引指向数据文件中的表数据。...说白了，为什么现在一些人喜欢 NoSQL 呢？因为 nosql 本身似乎应该是以省去解析和事务锁的方式来提升效能。MYISAM 不支持事务，也是它查询快的一个原因！

9.7K5 1

graphql攻击思路

graphql攻击思路了解 GraphQL 是一种由 Facebook 开发的用于 API 查询语言和运行时的数据查询语言。它允许客户端指定所需的数据结构和内容，从而有效地获取多个资源的数据。...相比于传统的 RESTful API，GraphQL 具有更灵活的特性，客户端可以按需获取特定字段的数据，而不是在每个端点上预定义的数据结构。...可以直接看数据包，更能直观的了解graphql，比如hackerone就是用的graphql 请求： POST /graphql HTTP/2 Host: hackerone.com Cookie:...\n __typename\n }\n}\n"} operationName我的理解是请求名，比如登录、查询之类的功能标识名称 variables就是参数，类似查询的范围{“product_area...”:”reports”,”product_feature”:”details”}，查询的参数和返回包的数据对应 query查询的数据 query AppQuery { maintenance_banner

2461 0

使用BatchQL对GraphQL安全性进行检测

关于BatchQL BatchQL是一款功能强大的GraphQL的安全审计工具，可以通过执行Batch GraphQL查询和输入变异数据来了解目标GraphQL应用的安全情况。...检测内容当前版本的BatchQL支持检测下列内容：支持各类查询方式；模式建议检测； CSRF检测基于查询名称的Batching；基于查询JSON列表的Batching；工具下载广大研究人员可以使用下列命令将该项目源码克隆至本地...Batching攻击首先，保存一个包含有目标GraphQL查询的文件，例如acc-login.txt： mutation emailLoginRemembered($loginInput: InputRememberedEmailLogin...} __typename } __typename } __typename }...__typename } } 接下来，运行下列命令来执行GraphQL Batching攻击： ❯ python batch.py --query acc-login.txt --

5864 0

GraphQL API渗透测试指南

传统的 API 拿到的是前后端约定好的数据格式，GraphQL 对 API 中的数据提供了一套易于理解的完整描述，客户端能够准确地获得它需要的数据，没有任何冗余，也让 API 更容易地随着时间推移而演进...GraphQL只需一次请求就能够获取全部所需要的数据，而不是像RESTful API那样，要想获取所有数据就必须发起多次API请求。...前置知识GraphQL查询方式GraphQL是一种用于API的查询语言，首先我们就需要知道GraphQL有哪些查询方式。...graphql......通用查询探测由于GraphQL API中存在一个__typename 的保留字段，该字段会以字符串形式返回查询对象的类型，所以我们可以向未知API发送query{__typename...}，如果响应中返回{"data": {"__typename": "query"}}，那么就可以确定该API为GraphQL API。

9053 0

视频中为什么需要这么多的颜色空间？

我们经常会用到不同的色彩空间：非线性 RGB、线性 RGB、YUV、XYZ……为什么需要这么多的色彩空间呢？...为什么在FFmpeg中会有 color_space，color_transfer，color_primaries 等一系列的颜色属性呢？这些术语之间究竟隐藏着什么秘密？...[15] 色彩转换需要在某个线性空间下进行操作，并且操作过程需要保持设备的独立性。因此，不同的 RGB 色域空间是不能直接进行转换的，需要一个设备无关、线性的颜色模型作为中转才能实现其转换。...[17]根据colorspace的实现可知，在 FFmpeg 中，BT.601->BT.709的转换过程如下所示：在如上的变换中，涉及到3个颜色空间的转换，分别是： YUV 和 RGB 之间的转换...但是该滤镜获取的色调、饱和度和 HSL 中的计算 [30]是不一致的。

8935 0

如何优雅地扩展GraphQL系统能力

作者 | 杜艮魁编辑 | 蔡芳芳 1 背景 为什么要扩展 GraphQL 系统能力 GraphQL 可将 API 表示的数据通过解析函数映射到 GraphQL 的 schema 中，为 API...原生的 GraphQL 查询为获取基础数据提供了便捷，但是计算能力不足导致其结果经常不能满足业务需求，数据往往需要加工转换、甚至经过多次编排查询，才能展示给用户。...该指令可使用的位置有查询字段、命名片段和内联片段，使用时将指令放置在要生效的元素后即可，示例如下： query myQuery($someTest: Boolean!)...{ experimentalField @skip(if: $someTest) } 在实际业务场景中，是否跳过某些字段获取的条件大多情况需要根据请求变量进行计算判断。...GraphQL 的 Java 库提供了基于访问者模式实现的QueryVisitor ，可在其方法中获取到查询的字段、内联片段和片段定义的上下文信息，便于实现自定义的校验规则。

1.2K2 0

《GraphQL 名词 101：解析 GraphQL 的查询语法》【译】

但是在GraphQL操作中三种可选的部分都没有在上述栗子中使用。如果你不仅仅是用GraphQL执行查询操作，或是希望传递动态变量到GraphQL查询中，你就需要利用到这些新的GraphQL特性。...变量定义(Variable definitions)：当客户端向GraphQL服务器发送查询时，会存在查询文档不变，当某些字段会动态变化的情况。这些就是查询中的变量。... 可以看到，这里的关键是变量名称需要与变量定义所匹配，其名称是Episode枚举中的一个成员。...选择集(selection set)：它是一次operation中需要的一组字段，或者被嵌套在其他的字段中。...类型条件(Type condition)： GraphQL操作总是开始于查询、修改或者订阅schema中的类型，但是片段(fragments )能够用于任一选择，所以为了将校验片段(fragments

2.8K2 0

干货 | 携程基于 GraphQL 的前端 BFF 服务开发实践

因此，在 GraphQL 服务中，如果包含很多 CPU 密集的任务，其服务能力很容易受到 GraphQL Query 可变的查询复杂度的影响，而变得难以预测。...我们在一次 GraphQL 查询中，通过这些关联字段，获取到所需的数据，而不必再次发起请求。...错误处理在 GraphQL 项目中，比 RESTful API 更重要。后者常常只需要处理一次，而 GraphQL 查询语句可以查询多个资源。...在这个过程中可以实现相同的请求合并只发一次。六、工程化实践 6.1 异常处理在 GQL 关联查询中父节点失败导致子节点异常的情况很常见。...在很多优化首屏的实践中，利用 GQL 动态查询，灵活剪切契约等是非常有效的手段。并且在过程中，服务端并不需要跟随前端调整代码。降低工作量的同时，也保证了其他平台的稳定性。

2.5K2 0

Spring Boot GraphQL 实战 02_增删改查和自定义标量

:Book } 创建一个 Spring Bean，此处需要实现 GraphQLQueryResolver 接口，并在该类中自定义一个方法来映射 graphqls 文件中的查询。...需求：每本书都有作者，在查询书本信息时，有时需要返回作者信息。...同时查询book和author 而当客户端不需要 author 信息时，服务端就不会执行 BookGraphQLResolver#author，真正做到了使得客户端能够准确地获得它需要的数据，而且没有任何冗余...只查询book时 Mutation（变更）在 graphqls 文件中，使用 Query 来定义查询接口，使用 Mutation 可以定义变更数据的操作。...接口，表明当前类中的方法用来映射 graphqls 文件中的 Mutation。

2.1K2 0

GraphQL 优势之处

一次查询，搞定需求举个例子，Book对象有bookTypeId，那我想看对应的bookTypeName，bookType对应的summary咋办？...现在用上GraphQL,就是这么无情： #查询语句 query add{ book(bookId: 1){ bookName author bookType{...不存在的，一个GraphQL查询搞定，美滋滋。...果然还是很不错的。。...上个链接GraphQL

5823 0

GraphQL 分享理论篇

有时候我们不需要的字段后台也给我们返回了，这是由后台控制的。而GraphQL可以完美的解决上面的问题 GraphQL是…....Facebook 2012年开发，2015年开源应用层的API查询语言在服务端的运行数据查询语言的规范 (我建议你先抽半个小时浏览下心里有个大概) GraphQL的特点强类型单一入口一个请求获取所有所需资源...内省系统 为什么叫GraphQL 图（Graph）是一种复杂的非线性结构，在图结构中，每个元素都可以有零个或多个前驱，也可以有零个或多个后继，也就是说，元素之间的关系是任意的。...使用GraphQL 注意的问题性能问题 (请求少了，但查询多了) GraphQL 在前端如何与视图层、状态管理方案结合安全, Limit, timeout N+1 查询关于从规范里提炼的 GraphQL...注释只能用 # ，可以使用末尾的逗号提高可读性。 GraphQL的命名是大小写敏感的，也就是说name，Name，和NAME是不同的名字。一个文档可以包含多个操作和片段的定义。

6863 0

GraphQL 基础实践

片段（Fragment）、片段解构（Fragment Spread） ? 在上面的例子中，我们需要对比两部电影的数据。如果换作是硬件对比网站，需要查询的硬件数量往往不止两个。...本例中的请求体的选择集公共部分提取成片段之后为 fragment movieInfo on Movie { name desc} 在正式使用片段之前，还需要向各位介绍片段解构功能。...在 Union 类型中必须使用内联片段的方式查询，原因与上面的接口类型一致。...内联片段（Inline Fragment）对接口或联合类型进行查询时，由于返回类型的不同导致选取的字段可能不同，此时需要通过内联片段的方式决定在特定类型下使用特定的选择集。...内联选择集的概念和用法与普通片段基本相同，不同的是内联片段直接声明在选择集内，并且不需要fragment声明。

12.8K2 0

挖洞经验 | 开放重定向漏洞导致的账户劫持

路径遍历我注册了https://target.com/上的Web应用，在应用过程中配合burp进行抓包，之后我发现其网站会向一个GraphQL API发起不同请求。...GraphQL是一种API数据查询语言，很多大公司都用GraphQL API代替了 REST API。.../的id值发起了请求，服务端响应中给出了其网站的根目录路径：该问题原因可能在于URL解析库在请求前不当地执行了目录路径遍历。...目标网站使用REST和GraphQL方式来获取、更改和删除用户数据，而GraphQL有点类似REST API的代理，其可以向服务端不同的REST端点发起ssrf请求，以获取或更改相关数据，就比如以下GraphQL...{ id name __typename } services { id name __typename } __typename

1.8K2 0

React Relay 实现

React客户端调用GraphQL 一、通过Relay框架中的QueryRenderer组件实现数据交互，有2点需要注意一下： 1.query的命名：注意query前缀保持和js文件名一致，ex：...App.js 命名 AppRankTypeQuery 2.schema.graphql文件的编写通过yarn run Relay预编译注意保持各种type不缺失，ex: type RankType...typeName: String siteId: Int state: Int createtime: DateTime id: ID!...rankList(totalCount: Int): [Rank] } query语句： const AppRankTypeQuery= graphql` query AppRankTypeQuery(...} } } ` fetch实现： componentDidMount() { fetch('http://localhost:5000/graphql', {

4633 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云