使用Apollo Federated GraphQL，有没有办法对来自外部实体的值进行排序/分页？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

Webpack 5 Module Federation: JavaScript 架构的变革者

Module Federation 之于 JavaScript Bundler，如同 Apollo 之于 GraphQL。...术语 Module federation: 与 Apollo GraphQL federation 的想法相同 —— 但适用于在浏览器或者 Node.js 中运行的 JavaScript 模块。...APP ONE 配置我将使用 App One 中的应用容器，它将会被另一个应用消费，为此，我把 App expose 为 AppContainer，App One 将会同时消费来自另外两个 federated...或者 Federated architecture，我们想要听到你的使用经历以及对现有的架构的调整。...使用 Module Federation 的例子社区对 Module Federation 的反馈非常热烈！

1.9K3 0

GraphQL-to-REST API Connectors是Apollo的“最伟大的成就”

纽约——在 Apollo GraphQL 峰会 2024 上发布的 Apollo GraphQL Connectors 标志着 Apollo 在简化 API 集成方面迄今为止最重要的创新之一。...[@apollographql]´s[@debergalis]: «Connectors 真正改变了你和你的团队对[@GraphQL]的看法。这是我们做过的最伟大的事情。»...它更侧重于对实体关系进行建模，而不是以需求驱动的方式向客户端提供数据。 “我们来这里不是为了取代 REST……我们真的不是说 GraphQL 比您现有的 API 更好。它不比 gRPC 好。...它不比 REST 好，”DeBergalis 在其 GraphQL 峰会 2024 的主题演讲中说道。“这不是重点。它使这些东西变得更好，对吧？”...Anthony 描述了使用 Apollo Connectors 如何减少每次迭代：设计底层 REST 数据的子图模式。

2191 0

您找到你想要的搜索结果了吗？

是的

没有找到

GraphQL两年实战避坑经验

GraphQL 已得到广泛认可并日益流行。我们在使用中遇到了一些非常有挑战性的问题，值得撰文分享。本文将使用一个示例配置来阐释问题，并给出相应的解决方法。 ?...GraphQL 支持开发人员将所有 API 进行拼接（Stitching）。拼接（Stitching）拼接（Stitching）让我们可以从同一端点获取所有数据。...扩展 Schema 的详细做法，参见 Apollo 文档。...这样，Gateway 可与后端服务部署在同一网络，后端在进行查询和变更时可直接使用 Gateway API。查询分页（Paginated）一些情况下，实现查询分页很有必要。...推荐一个很好的查询实现例子，访问页面右侧的“doc”选项卡, 并搜索 assetFilter。对查询和变更定义自己的命名规则，以简化对查询和变更的查找。在使用查询分页时，设置默认值和最大上限。

1.1K3 0

Apollo：GraphQL现在可以轻松连接到REST API

有了它，组织可以根据组织拥有的 REST API 定义 GraphQL 模式，并仅用几行配置来编排对这些 API 的调用。...“Matt DeBergalis，Apollo Labs 的 CTO 告诉我：“当团队疯狂地编写过程代码而不是通过 GraphQL 使用声明式替代方案时，会存在很多缺点。”...该计划包括访问试用功能和连接器，从而使团队可以更轻松地采用和扩展其 GraphQL 的使用。组织可以通过访问 GitHub 并下载带有 GraphQL 的适用 Apollo 代码来免费开始使用。...例如，GraphQL 提供了一种强类型的模式定义语言，用于描述存在于任意数量系统中的数据，这种方式对客户端来说是直观且有用的。...相比之下，REST 鼓励一种更面向资源的方法来组织和部署服务，通常沿着域边界进行。它更侧重于对实体关系进行建模，而不是以需求驱动的方式向客户端提供数据。

1580 0

面对极度复杂的前后端业务场景，使用 GraphQL 正确的姿势

内容来源：2018 年 06 月 09 日，有数派联合创始人周文宇在“杭州第一届 GraphQLParty—GraphQL与领域驱动带来的协同价值”进行《Stratup使用GraphQL的姿势》演讲分享...比如对多终端和多场景支持不友好，缺乏标准化的约束，前后端都需要重复工作。以上是从后端的角度来对这些问题进行的分析，接下来由我们的前端方面的负责人介绍下我们在前端方向上的一些实践。...在使用GraphQL和Apollo之后，前端方面只需要全局定义一个URL，接下来就是定义每个Query需要取得的数据，根据页面定制接口数据。同时还可以做全局的异常处理，接口请求的合并。...在使用Apollo的过程中我们也遇到了一些坑。...现在使用GraphQL之后，我们发现了一个更优的解决方案。因为每个对象的资源字段固定，完全可以让每个Component和GraphQL 的Query片段一一对应。

7.8K2 0

混搭 TypeScript + GraphQL + DI + Decorator 风格写 Node.js 应用

GraphQL RESTful API 方式用得比较多，不过我还是想在自己的小项目里使用 GraphQL，具体的优点我就不多说了，可以参考《GraphQL 和 Apollo 为什么能帮助你更快地完成开发需求...4.1 接入 GraphQL 服务中间件整体的技术选型阵容就是 apollo-server-koa 和 type-graphql ： apollo-server 是一个在 Node.js 上构建 GraphQL...案例：利用 GraphQL 实现分页功能 5.1 分页的数据结构从使用者角度来，我们希望传递的参数只有两个 pageNo 和 pageSize ，比如我想访问第 2 页、每页返回 10 条内容，入参格式就是...服务器，而真正进行分页操作的还是 Service 层，内部利用 ORM 提供的方法；在TypeORM 中的分页功能实现，可以参考一下官方的 find 选项的完整示例： userRepository.find...+ GraphQL = TypeGraphQL：阿里 CCO 体验技术部的文章，介绍地比较详细到位，推荐阅读（结合 egg.js 的开发实践） Apollo Server: GraphQL 数据分页概述

3.5K2 0

Prisma 爱之初体验：一款非常棒的 ORM 工具库

name: 'Bob', posts: { create: { title: 'Hello World', }, }, }, }) 过滤、排序与分页...({ orderBy: { name: 'asc' }, }) // 分页查询 await prisma.post.findMany({ skip: 10, take: 5, }) 可视化管理...的结合如果项目中使用 Apollo Server，可以直接在 resolver 中使用 Prisma 操作数据库： const resolvers = { Query: { users:...通过今天的教程，相信你已经对 Prisma 的使用有了基本掌握。后续还可以结合 REST、GraphQL、Serverless 等架构深入使用。...今天的分享就这些了，感谢大家的阅读，如果文章中存在错误的地方欢迎指正！

2591 0

GraphQL 实践与服务搭建

GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演进，还能用于构建强大的开发者工具。...有没有这样一个功能，将这些接口做一下聚合，然后将结果的集合返回给前端呢？...请求进行查询，其集中的 API 如 http://localhost:3000/graphql，所有的操作都通过这个接口来执行，这会在后面的操作中在展示到。...不仅需要在后端中配置 GraphQL 服务，用于接收 GraphQL 查询并验证和执行，此外前端通常需要 GraphQL 客户端，来方便使用 GraphQL 获取数据，目前实用比较多的是Apollo Graph...把工作量基本都丢给了后端，所以在遇到使用这门技术的公司，尤其是后端岗位就需要考虑有没有加班的可能了。

5.7K1 0

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

都需要一段schema来进行描述你想要的数据. 比如这里我们定义了一个方法, 方法是一个query类型的, 刚刚介绍过了GraphQL是一个描述型的API, 那么我们也可以描述一下它....GraphQL对前端来说的弊端/麻烦那么GraphQL对前端来说有没有弊端或者麻烦的地方呢? 当然是有的, 这里我们说两个问题....但是不足的地方就在于, 没有办法使用http cache, HTTP 缓存 - HTTP | MDN /虽然 HTTP 缓存不是必须的，但重用缓存的资源通常是必要的。...消息体暴露带来的安全问题我们在请求的时候, 可以从http请求的Headers里面看到我们的query, 里面有完整的schema, 那么有没有解决这两点的办法呢?...· apollographql/apollo-client · GitHub, 但是使用上述代码也是没有问题的.

1.1K2 0

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

一、Graphql是什么　　最近在折腾使用Github api做个微信小程序练练手，本篇文章就是在这个过程中记录。　　...对GraphQL有兴趣进行更深入了解的可以自行研究学习，我自己也是刚入门，不坑大家了：），官网是http://graphql.org/（这个可能打不开，可以打开国内的地址http://graphql.cn...第一个是edge与node的概念，edge可以理解为一个分页对象，其中除了包含实际的数据外还有一个cursor（返回的每条数据的唯一标识，如果要分页的话用得到这个数据，配合before与after关键字来使用...目前前端非常火热的GraphQL框架也不少，主流的就是下面2个： apollo（https://github.com/apollographql/apollo-client）、relay（https:/...GraphQL虽好，但是要真正在中大型项目中运用GraphQL，还有有很大的困难的，服务端需要支持到GraphQL的规范格式进行数据输出，我认为需要付出的成本可不小。

1.4K2 0

GraphQL 基础实践

简单的说 RESTful API 主要是使用 URL 的方式表达和定位资源，用 HTTP 动词来描述对这个资源的操作。...调试方面，可以使用 Graphiql 进行调试，得益于 GraphQL 的类型系统和 Schema，我们还可以在 Graphiql 调试中使用自动完成功能。...GraphQL 允许定义一段公用的选择集，叫片段。定义片段使用 fragment name on Type 的语法，其中 name为自定义的片段名称，Type为片段来自的类型。...接口指的是 GraphQL 实体类型本身提供字段的集合，定义一组与外部沟通的方式。使用了 implements的类型必须包含接口中定义的字段。...ThinkJS 中配置中间件有三个关键参数： match: 用于匹配 URL，我们想让我们的请求发送到 /graphql 中进行处理，那么我们对这个路径进行 match 后进行处理； handle：中间件的处理函数

13.2K2 0

用TS+GraphQL查询SpaceX火箭发射数据

GraphQL 改变了我们对 API 的思考方式，并利用直观的键/值对匹配，客户端可以请求在网页或移动应用屏幕上显示所需的确切数据。...本文将引导你使用 React 和 Apollo 构建客户端应用程序，并调用 SpaceX 的公共 GraphQL API ，来显示有关的发射信息。...如果我们使用的数据是 null 或 undefined，它也会警告我们。 ? VS代码中自动完成的值列表真是太棒了！编辑将帮助我们进行编码。...生成的 TypeScript 定义使我们编写的代码具有极高的稳定性。如果你希望深入了解该项目，接下来的步骤将是使用 API 中的其他字段添加分页和更多的数据关联。...要对发射任务列表进行分页，你将获取当前列表的长度并将 offset 变量传递给 LaunchList 查询。我鼓励你更深入探索并编写自己的查询，以便巩固这些概念。

3.3K2 0

GraphQL在现代Web应用中的应用与优势

前端设置（使用Apollo Client）接着，我们需要在前端应用中配置Apollo Client，与我们的GraphQL服务器通信：npm install apollo-boost @apollo/client...下面展示如何使用一个自定义的@auth指令来控制访问权限。首先，假设我们定义了一个@auth指令，用于限制对某些字段的访问，要求用户必须登录。...GraphQL 高级应用1. 分页使用GraphQL Cursor-based分页，以提高性能和用户体验。...= { Query: { users: (parent, args, context, info) => { // 实现逻辑，根据args.first, args.after等参数进行分页查询...复杂查询优化利用GraphQL的字段解析器和数据加载器进行性能优化。

5281 0

为什么我使用 GraphQL 而放弃 REST API？

最近，我有机会为自己的项目和客户开发和运行一些使用 GraphQL API 构建的移动和 Web 应用程序。这真是一个很好的体验，尤其要感谢令人惊叹的 PostGraphile 和 Apollo。...但通常，我们没有办法阻止特性蔓延，可能会出现使用AND/OR操作符进行高级过滤的需求。或者复杂的全文搜索查询和复杂的过滤。迟早你会看到一些 API 发明了自己的过滤 DSL。...将offset参数添加到allTodos字段进行分页，这样allTodos(count: 5, offset: 5)将返回第二页。...此模式中的其他变体和查询也是如此：对输入进行类型检查和验证，并且基于查询，GraphQL 服务器知道期望的结果形状。...但是，你几乎从来都不需要接触如此低的抽象层。总体来说还不错：我们已经解决了类型级别的验证问题，分页看起来也不错，并且在需要时可以轻松地遍历实体关系。

2.7K3 0

GraphQL最突出的架构优势是什么？

作者 | Khalil Stemmler 策划 | 田晓旭在服务器上使用 GraphQL 代替 REST 是有很多好处的，使用 Apollo Client 取代自己编写的数据获取逻辑也有很多优势。...在这一层的外面是适配器（或端口）。可以将端口视为“将外部世界连接到内部世界的一种方式”。外部世界有很多技术，我们可以在其之上构建应用程序。在外部，你能找到数据库、外部 API、云服务和种种内容。...简化的数据获取架构，其中视图可以是任意前端框架——nerdwallet 数据图在连接的两端均有 Apollo 服务器和客户端，它可以简化获取逻辑、错误逻辑、重试逻辑、分页、缓存、optimistic UI...使用 Apollo Federation，每个服务团队都可以从其限界上下文中构建和管理自己的 GraphQL 服务，将其注册到一个 Apollo 网关，从而在整个企业中分布化 GraphQL 的运维工作...数据图是一个声明性的、自文档化的、组织层面的 GraphQL API，它使远程状态更接近客户端，可以使用 Apollo Federation 来扩展。

2.4K2 0

GraphQL+Koa2实现服务端API结合Apollo+Vue

它是由 Facebook 开发和开源，目前由来自世界各地的大公司和个人维护。...GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余。...从这个意义上说，它是数据库无关的，而且可以在使用 API 的任何环境中有效使用，我们可以理解为 GraphQL 是基于 API 之上的一层封装，目的是为了更好，更灵活的适用于业务的需求变化 GraphQL...比如：字段冗余，扩展性差、无法聚合 api、无法定义数据类型、网络请求次数多 GraphQL 的出现整好弥补了 RESTful APi 的不足使用 GraphQL 的公司目前已经有很多的公司在使用...GraphQl 5.1 使用graphQl简单查询安装找到Vue中集成GraphQl的文档 https://github.com/vuejs/apollo https://vue-apollo.netlify.app

5.5K4 2

在 redux 应用中使用 GraphQL

正如 Sashko Stubailo 指出的：不幸的是，在 Redux 应用程序中异步加载服务器数据的模式还没有建立起来，并且经常需要使用外部帮助程序库，如 redux-saga。...您需要编写自定义代码来调用服务器接口，解释数据，对其进行规范化并将其插入到存储中 - 同时跟踪各种错误和加载状态。在本教程中，您将学习如何通过 Apollo Client 来获取和管理数据。...快速的启动一个服务端环境启动一个 redux 脚手架增加一个 GraphQL 客户端 (Apollo Client) 使用 GraphQL 获取数据获取更多的数据接下来要做的 1....我们启动的服务器支持从一个 SQLite 数据库中进行 GraphQL 查询。...Provider 替换为来自 react-apollo 的 ApolloProvider。

2.2K1 0

写在2021: 值得关注学习的前端框架和工具库

虽然这样也造成我目前没有特别深入的方向，比如21届的大佬们在工程化、微前端、AST、NodeJS等等方向都已经开始深耕，我还在追着各种新框架学当弟弟，但不得不说，在学习新事物的过程中，你会逐渐对这些框架进行分类...很新颖的使用方式（我是真的第一次见），TS支持非常好，Schema定义的方式也比传统ORM各个实体定义分开的方式清晰很多，有兴趣的可以瞅瞅我写的这个demo：Prisma-Article-Example...Client Apollo-Client，来自ApolloGraphQL的作品，只有React版本是官方团队在维护，Vue版本的被挪到Vue团队了(VueUI有一部分就是基于Apollo-Client-Vue...DataLoader，解决GraphQL Resolver深度优先执行导致的N+1问题，详见GraphQL N+1 问题到DataLoader源码解析 GraphQL-Tools，提供了一堆让你对GraphQL...Hasura，功能比较全的一款，支持PostgreSQL和MSSQL，除了上面提到的以外还提供鉴权与触发器（类似Serverless中的触发器），以及把外部已经独立部署的GraphQL API也纳入管控

3.2K1 0

你不知道的 GraphQL

前端开发团队在拿到服务端返回的数据结构之前是没有办法开始编码的。所以我们需要先对API达成一致。 ? Tip 命名很重要！不要觉得把时间花在为变量起名字上很浪费。...你可以用它来定义拥有唯一id键的实体（如Tweet和User）。你也可以用它来定义值对象，这种类型嵌套在实体内部，因此不需要唯一键（例如Stat）。 Tip 尽可能保证Type足够轻巧，然后利用组合。...graphql-tools库提供了schema的解析和校验的独立包。这两个库前者是来自于Facebook，后者源于Apollo。...你可以单独对查询引擎进行测试而不需要跑一个服务，使用graphql工具即可。...很简单对吧？顺便说一句，graphqlHTTP内部就是调用它来工作的。另一种Apollo公司比较推荐的测试手段是使用来自graphql-tools中的mockServer来测试。

3.5K2 0

写在 2021: 值得关注学习的前端框架和工具库

虽然这样也造成我目前没有特别深入的方向，比如21届的大佬们在工程化、微前端、AST、NodeJS等等方向都已经开始深耕，我还在追着各种新框架学当弟弟，但不得不说，在学习新事物的过程中，你会逐渐对这些框架进行分类...很新颖的使用方式（我是真的第一次见），TS支持非常好，Schema定义的方式也比传统ORM各个实体定义分开的方式清晰很多，有兴趣的可以瞅瞅我写的这个demo：Prisma-Article-Example...Client Apollo-Client[35]，来自ApolloGraphQL[36]的作品，只有React版本是官方团队在维护，Vue版本的被挪到Vue团队了(VueUI有一部分就是基于Apollo-Client-Vue...，提供了一堆让你对GraphQL Schema为所欲为的方法，从Directive到Resolver到Schema，都给你安排的明明白白。...Hasura[53]，功能比较全的一款，支持PostgreSQL和MSSQL，除了上面提到的以外还提供鉴权与触发器（类似Serverless中的触发器），以及把外部已经独立部署的GraphQL API也纳入管控

4.8K1 0

点击加载更多

Webpack 5 Module Federation: JavaScript 架构的变革者

GraphQL-to-REST API Connectors是Apollo的“最伟大的成就”

GraphQL两年实战避坑经验

Apollo：GraphQL现在可以轻松连接到REST API

面对极度复杂的前后端业务场景，使用 GraphQL 正确的姿势

混搭 TypeScript + GraphQL + DI + Decorator 风格写 Node.js 应用

Prisma 爱之初体验：一款非常棒的 ORM 工具库

GraphQL 实践与服务搭建

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

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

GraphQL 基础实践

用TS+GraphQL查询SpaceX火箭发射数据

GraphQL在现代Web应用中的应用与优势

为什么我使用 GraphQL 而放弃 REST API？

GraphQL最突出的架构优势是什么？

GraphQL+Koa2实现服务端API结合Apollo+Vue

在 redux 应用中使用 GraphQL

写在2021: 值得关注学习的前端框架和工具库

你不知道的 GraphQL

写在 2021: 值得关注学习的前端框架和工具库

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐