文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

用 GraphQL 查询你的 Django 应用

简单来说，要想在原生 Javascript 中直接使用 GraphQL 并不是一件特别容易的事，需要一些库来协助拉取和管理 GraphQL 数据。...主流的客户端框架主要有两种—— Relay 和 Apollo ，我们仅从有限的角度来看下二者的异同： Relay vs Apollo Relay Apollo 框架支持 仅支持 React, React...有所区别，都会遇到类似像 N+1 这样的慢查询问题，所以需要谨慎地将前端的查询转换成可靠的 Django ORM 查询。...,) 尴尬的是，如果你并不想用 Relay，我们需要针对 graphene-django-extras 做一些自己的定制，而原有的封装没有很好地暴露足够的接口，经过一番探索并无头绪，最终作罢。...适合成熟的客户端开发团队，反之 REST 是更好的选择 Django 相关的生态建设并不完善，没有一个足够强大、开箱即用的整合方案 由于查询并不是基于 Uri 维度，会给周边配套的生态—— 监控、日志等

2.8K60

GraphQL是API的未来，但它并非银弹

此外，你无需使用像 Apollo 这样的重量级客户端。由 Vercel 提供的 swr 库很小，很容易使用。它支持分页、hooks，并能帮我们实现非常有效地来回导航。...GraphQL 已经持久化了查询，但是这种实现会带来额外的开销。如果你没有使用像 Relay 这样的客户端（它默认会持久化查询），则必须自己完成，或者使用一些第三方库来实现。...与使用 Next.JS 的 BFF 方法相比，在前端获得相同的结果会更复杂。如何使用 GraphQL 实现 Etags？如果没有任何变化，如何使 GraphQL 服务器返回 304 状态码？...但与 Docker 类似，该语言本身并没有那么强大。它的强大源于其可扩展性和周边工具。 由 Facebook 开源并不是该语言成功的原因。像 Relay 这样的工具才是。...如果没有 Apollo 提供的所有工具，你认为 GraphQL 会变成现在这样吗？会议呢？GraphQL 峰会？Hasura 在线会议？Dgraph Lab 举办的 GraphQL in Space？

2.5K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

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

    你需要同时在服务器和客户端上实现每个端点 还有大量的库可以在 ORM 或直接数据库自省的帮助下自动生成 REST 端点。即使使用了这样的库，它们通常也不是很灵活或可扩展的。...如果有的话，最好使用代码生成，但是它似乎不够灵活。即使是使用像 Moya 这样的辅助库，也会遇到同样障碍：有许多自定义行为需要处理，这是由前面提到的边缘情况引起的。...如果开发团队不是全栈的，那么服务器和客户端团队之间的沟通就至关重要，在没有机器可读的 API 规范的情况下更是如此。 GraphQL 如何做得更好？...总的来说，我发现，Apollo 比 Relay 等更简单和易于使用。...由于 Apollo 客户端库架构简单，我能够将一个使用 React.js 与 Redux 的应用慢慢过渡到 React Apollo，一个组件一个组件的，只在有意义的时候才这样做。

    3.2K30

    每日前端夜话(0x04)：2018年JavaScript状态调查（中）

    整体满意度 在一分（非常不满意）到五分（非常满意）的范围内，开发人员的整体满意度如何？ ? React ? GitHub 120k stars 用于构建用户界面，高效且灵活的JavaScript库。...功能齐全的GraphQL缓存客户端，适用于UI框架和GraphQL服务器。 Apollo 随时间的流行度 ? Apollo 最受喜欢的方面 ? Apollo 最不受欢迎的方面 ?...但整个领域很快就会受到GraphQL冲击波的影响。 GraphQL用户在两年内从5％上升到20％，他们选择的客户端似乎是Apollo。...另外Apollo的最新版本使Redux成为可选项，如果明年的结果看起来非常不同，那就不足为奇了…… 后端框架 后端的JavaScript近年来没有取得任何重大突破。...测试的未来可能包括更多在浏览器中进行自动化测试的解决方案，像Cypress这样的项目可能会包含在明年的调查中，我们可能会看到更多基于Puppeteer的工具。

    2K20

    「首席架构师推荐」React生态系统大集合

    GraphQL规范 GraphQL工具 GraphQL教程 GraphQL实现 服务器集成 数据库集成 Relay 中继一般资源 中继教程 中继工具 Apollo Apollo综合资源 影片 重要会谈...使用GraphQL编写基本API 使用Node.js和SQL构建GraphQL服务器 GraphQL Tour：变量 如何Graphql - GraphQL的Fullstack教程 GraphQL实现...- Facebook的GraphQL的Ruby实现 graphql-java - GraphQL Java实现 sangria - Scala GraphQL客户端和服务器库 graphql-php...with Relay Relay and Routing Relay工具 graphql-relay-js - 一个帮助构建支持react-relay的graphql-js服务器的库 react-router-relay...- React Router的中继集成 relay-local-schema - 在没有GraphQL服务器的情况下使用Relay relay-codemod - 基于jsodeshift的Codemod

    16.2K30

    如何在纯 JavaScript 中使用 GraphQL

    但是，如果你需要使用一个 GraphQL API，你很自然就会想到自己需要使用 React 和 / 或其他一些库才能让它跑起来。...这是因为许多教程和示例代码似乎都基于这样一个假设，也就是说如果你在使用 GraphQL，就需要使用这些库。 但是，一个对 GraphQL API 的查询只不过是一个定制格式的 HTTP 请求而已。...node-fetch 库从 Node 中的浏览器实现 JavaScript fetch API。这样我们就可以丢弃大约 11 行代码（减少了 25％），同时还让代码更容易阅读了。...需要强调的是，如果你的 API 需要传递某种 API 密钥或凭据，那么你不会希望在客户端执行这一操作，因为你的凭据将被公开。...接下来可以做什么 这里的目标不是让大家不要使用 GraphQL 客户端库来执行 GraphQL 查询。那些库提供的能力远远超过了我在这里讨论的简单功能。

    4.5K10

    2017JavaScript框架战报-React分战场

    React Router 成熟的Web应用程序共有的一个特点是都提供了多个“路由”，这些“路由”本质上是不同的功能块，在浏览器中表示为单独的URL。...这一结果出乎意料，因为React作为一个局部的解决方案，本质上不如Ember和Angular这样的完整框架使用起来方便。 Flux 一个完整应用程序的另一个不通过React的部分就是数据层。...GraphQL 虽然它与React是同时在Facebook内部开发的，但是GraphQL与React并没有内在的联系。它只是Web客户端查询服务器数据的一种方式。...它通过名为Relay和Apollo的两个竞争库得到了一定的普及，这两个库提供用于生成GraphQL和管理数据流的Web应用程序。...首先推出的是Relay，目前正在持续成长，但是已经被半年后发布的Apollo盖过了风头。虽然绝对数量还很小，但Apollo的增长轨迹值得深入挖掘。

    1.2K70

    C# 一分钟浅谈：GraphQL 中的订阅与发布

    本文将从 C# 的角度出发，浅谈 GraphQL 中的订阅与发布机制，包括常见问题、易错点及如何避免，并通过代码案例进行详细解释。 什么是 GraphQL 订阅？...GraphQL 订阅是一种让客户端订阅特定事件并在事件发生时接收更新的能力。与传统的轮询或长轮询相比，订阅机制更加高效，因为它可以在事件发生时立即通知客户端，而不需要客户端频繁地向服务器发送请求。...C# 实现 GraphQL 订阅 在 C# 中实现 GraphQL 订阅通常需要使用一些库，如 HotChocolate。以下是一个简单的示例，展示如何在 C# 中实现 GraphQL 订阅。...订阅事件名称不一致 问题：客户端订阅的事件名称与服务器发布的事件名称不一致，导致无法接收到消息。 解决方法：确保客户端和服务器端的事件名称完全一致。可以使用常量或枚举来管理事件名称，避免硬编码错误。...订阅性能问题 问题：大量客户端同时订阅同一个事件，导致服务器性能下降。 解决方法：使用消息队列（如 RabbitMQ 或 Kafka）来处理高并发的订阅事件，减轻服务器压力。

    52010

    C# 一分钟浅谈：GraphQL 中的订阅与发布

    本文将从 C# 的角度出发，浅谈 GraphQL 中的订阅与发布机制，包括常见问题、易错点及如何避免，并通过代码案例进行详细解释。什么是 GraphQL 订阅？...GraphQL 订阅是一种让客户端订阅特定事件并在事件发生时接收更新的能力。与传统的轮询或长轮询相比，订阅机制更加高效，因为它可以在事件发生时立即通知客户端，而不需要客户端频繁地向服务器发送请求。...C# 实现 GraphQL 订阅在 C# 中实现 GraphQL 订阅通常需要使用一些库，如 HotChocolate。以下是一个简单的示例，展示如何在 C# 中实现 GraphQL 订阅。...订阅事件名称不一致问题：客户端订阅的事件名称与服务器发布的事件名称不一致，导致无法接收到消息。解决方法：确保客户端和服务器端的事件名称完全一致。可以使用常量或枚举来管理事件名称，避免硬编码错误。...订阅性能问题问题：大量客户端同时订阅同一个事件，导致服务器性能下降。解决方法：使用消息队列（如 RabbitMQ 或 Kafka）来处理高并发的订阅事件，减轻服务器压力。

    59410

    GraphQL 从入门到实践

    本文首先介绍了 GraphQL，再通过 MongoDB + graphql + graph-pack 的组合实战应用 GraphQL，详细阐述如何使用 GraphQL 来进行增删改查和数据订阅推送，并附有使用示例...传统的 API 拿到的是前后端约定好的数据格式，GraphQL 对 API 中的数据提供了一套易于理解的完整描述，客户端能够准确地获得它需要的数据，没有任何冗余，也让 API 更容易地随着时间推移而演进...GraphQL 的操作类型可以是 query、mutation 或 subscription，描述客户端希望进行什么样的操作 query 查询：获取数据，比如查找，CRUD 中的 R mutation...正如尤雨溪所说，为什么 GraphQL 两三年前没有广泛使用起来呢，可能有下面两个原因： GraphQL 的 field resolve 如果按照 naive 的方式来写，每一个 field 都对数据库直接跑一个...FB 本身没有这个问题，因为他们内部数据库这一层也是抽象掉的，写 GraphQL 接口的人不需要顾虑 query 优化的问题。

    3.2K31

    塔荐 | 2018 年最值得关注的 JavaScript 趋势

    GraphQL没有辜负2017年的炒作，像 Yelp、Spotify、Github、沃尔玛、《纽约时报》 等主流公司都在采用GraphQL，而且现在还有了基于GraphQL的API。...RESTful API当然还远没到灭亡的地步，但再次地，看看初创企业的使用趋势就知道GraphQL是个热门选项。 另一方面，像Falcor这样的替代者几乎连讨论的声音都没有了。...如果你想在创新公司找份工作的话，现在绝对是开始学习GraphQL的时候。...我们现在有了 Relay Modern （Facebook开发）和Apollo，让你可以比Redux更高效地抓取并传递GraphQL数据到React应用的GraphQL客户端框架。...但就像一位开发者指出那样，Relay/Apollo/Redux： 这些框架和它们的好处未必需要是互斥的。实际上，这几个一起使用可以提供很好的关注分离，这是web开发来说可太重要了。

    1.9K80

    你还在用 REST API 吗？

    抓取不足——这是指 API 端点并没有提供所需的全部信息。因此，客户端必须发出多个请求才能获取应用程序所需的全部内容。 什么是 GraphQL？...GraphQL vs REST 总结一下，两者主要有如下几个明显的差异： 数据抓取 REST 会导致抓取过度或抓取不足，而 GraphQL 则不会这样。...自动缓存 REST 能自动生效缓存，而 GraphQL 则没有自动缓存系统，但是可以借助 Apollo Client、Relay 等客户端实现缓存。...但是，当使用 Apollo Client、Relay 等客户端时，它也能很容易处理错误。 结 论 与 REST 相比， GraphQL 当然更具优势，但它可能并不总是最佳实践。...如果大家想分享自己关于 GraphQL 或 REST 的经验，请在评论区留言，感谢您的阅读！

    1.9K10

    大势 | 2018最值得关注的JavaScript趋势

    GraphQL没有辜负2017年的炒作，像Yelp、Spotify、Github、沃尔玛、《纽约时报》等主流公司都在采用GraphQL，而且现在还有了基于GraphQL的API。...RESTful API当然还远没到灭亡的地步，但再次地，看看初创企业的使用趋势就知道GraphQL是个热门选项。 另一方面，像Falcor这样的替代者几乎连讨论的声音都没有了。...如果你想在创新公司找份工作的话，现在绝对是开始学习GraphQL的时候。...我们现在有了Relay Modern （Facebook开发）和Apollo，让你可以比Redux更高效地抓取并传递GraphQL数据到React应用的GraphQL客户端框架。...但就像一位开发者指出那样，Relay/Apollo/Redux： “这些框架和它们的好处未必需要是互斥的。实际上，这几个一起使用可以提供很好的关注分离，这是web开发来说可太重要了。”

    1.1K20

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

    阅读字数：6109 | 16分钟阅读 摘要 本次演讲主要介绍如何使用GraphQL，分别从前后端两个角度分析GraphQL的优劣势，对比Restful又能够给前后端协同开发带来哪些好处。...Relay的数据缓存由官方提供的RelayStore完成，Apollo则是基于Redux。基于以上几点考虑，我最终选择了Apollo。...以上这种情况对于前端来说，操作的只是某个实体的一个或几个资源字段。但是对于后端来说，每个实体背后可能对应着不同的数据库甚至不同类型的存储集群，同时后端集群间的海量数据自由join得到的结果。...第三点是没有做分页的数目限制，一般来说前端可以通过传递特定的参数给接口来设置每页的接收数量，但是有些前端人员可能会为了快速上线新功能将每页的数量直接设置为9999，这样服务器就又会被搞宕机。...先来看看GraphQL还有那些弊端。 第一，虽然后端已经做了一些优化，但是还是没有完全实现前端的按需查询，当数据量达到一定级别的时候，数据库查询可能会成为性能瓶颈。

    8.1K20

    在 redux 应用中使用 GraphQL

    正如 Sashko Stubailo 指出的： 不幸的是，在 Redux 应用程序中异步加载服务器数据的模式还没有建立起来，并且经常需要使用外部帮助程序库，如 redux-saga。...快速的启动一个服务端环境 启动一个 redux 脚手架 增加一个 GraphQL 客户端 (Apollo Client) 使用 GraphQL 获取数据 获取更多的数据 接下来要做的 1....这样我们就把一个 GraphQL 客户端添加进了一个普通的 Redux 应用中。 接下来让我们开始第一个 GraphQL 查询吧。 4....在我们的 GraphQL 服务器中，并没有定义如何获取 authors。...接下来让我们刷新一下浏览器看看是否得到了正确的数据。 ? 如果一切顺利的话，你的 HomeView 将会看起来像这个样子。 6.

    2.5K10

    GraphQL：如何构建灵活的数据 API，让前后端握手言和？

    GraphQL：如何构建灵活的数据 API，让前后端握手言和？在 Web 开发世界里，前后端“吵架”似乎是常态。后端开发者希望返回结构清晰的数据，而前端开发者希望只拿自己需要的字段，不要多、不用少。...这时候，GraphQL 作为一种新型 API 设计方式，就像是一个调解员，帮我们解决这个数据沟通问题。今天，我就来聊聊如何使用 GraphQL 构建一个灵活的数据 API，让开发变得更加顺畅！...如何搭建 GraphQL API？让我们从零开始，搭建一个简洁的 GraphQL API，后端使用 Node.js 和 Apollo Server，数据库使用 SQLite。1....安装必要的库首先，我们需要安装 Apollo Server 和 GraphQL：npm install apollo-server graphql sqlite3然后，创建一个新的 server.js...resolve({ id: this.lastID, name, age }); }); }); }}Subscriptions（实时数据更新）undefinedGraphQL 允许客户端订阅数据变化

    40110
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券