开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

graphql使用正文解析器中间件？

GraphQL是一种用于API开发的查询语言和运行时环境。它允许客户端精确地指定需要的数据，并且只返回所需的数据，从而减少了网络传输的数据量和请求次数。GraphQL的核心思想是通过定义类型和字段的方式来构建API，客户端可以根据自己的需求来查询这些字段。

正文解析器中间件是GraphQL中的一个重要概念，它负责解析GraphQL查询请求中的查询字符串，并将其转换为可执行的查询操作。正文解析器中间件通常用于处理查询参数、验证查询结构、执行权限验证等操作。

在GraphQL中，正文解析器中间件可以根据具体需求进行自定义开发，也可以使用现有的开源解析器中间件。以下是一些常用的正文解析器中间件：

express-graphql：这是一个基于Express框架的GraphQL服务器中间件，它提供了一个简单的方式来创建GraphQL API，并且内置了正文解析器中间件。
apollo-server：这是一个功能强大的GraphQL服务器，它支持多种语言和框架，包括Node.js、Java、Kotlin等。它提供了灵活的正文解析器中间件配置选项，可以根据需求进行自定义。
graphql-yoga：这是一个基于express-graphql和apollo-server的GraphQL服务器框架，它提供了一些额外的功能和工具，如实时更新、GraphQL Playground等。

正文解析器中间件在GraphQL开发中起到了关键的作用，它能够帮助开发者处理查询请求，确保查询的正确性和安全性。在使用正文解析器中间件时，开发者需要注意对查询参数进行验证和过滤，以防止潜在的安全风险。

腾讯云提供了一系列与GraphQL相关的产品和服务，包括云函数SCF、API网关、容器服务TKE等。这些产品可以帮助开发者快速搭建和部署GraphQL API，并提供了高可用性、弹性扩展等特性。具体产品介绍和文档可以参考腾讯云官方网站：https://cloud.tencent.com/product/graphql

相关搜索:GraphQL突变体解析器 GraphQL解析器问题 Nestjs graphql上载错误:缺少POST正文。你忘了使用正文解析器中间件了吗？NodeJS和正文解析器 Nodejs应用程序抛出无法使用正文解析器中间件发布/users 为graphql解析器函数键入从GraphQL解析器设置cookies 作为中间件的graphql解析器中的授权使用Mongoose中间件修改请求正文即使使用正文解析器，请求正文也是空的

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用 Spring for GraphQL 构建 GraphQL API 的步骤

所使用的构建工具、JDK、Spring Boot 及依赖库如下：框架/库等版本OpenJDK11SpringBoot2.7.1Maven3.5.4Spring Web-Spring for GraphQL-Lombok-H2...步骤1：定义 GraphQL 模式在 resources/graphql/ 中创建一个名为 graphql-schema.graphqls 的文件，并定义 GraphQL 模式和查询。...GraphQL 模式的定义与数据库表定义不同，推荐以数据使用者易于理解的形式定义模式。关于模式定义的规则和思考方式，请参考这个链接。...此外，为了避免繁琐地编写 Setter/Getter，使用了 Lombok。对于主键和关联变量，使用 @Id 注解。...可以使用 Maven 进行构建并运行 JAR 文件的方法，也可以使用 IDE 功能进行运行，具体方法随意选择。此外，将使用 GraphiQL 作为 GraphQL 的客户端工具。

2131 0

前端开发使用GraphQL——VUE3使用GraphQL

之前一直都是使用vue2，最近有新的项目使用了vue3，这里记录下在vue3环境下，使用GraphQL的一些经验。如果你使用的是vue2，建议直接使用vue-apollo组件。 1....前端开发使用GraphQL——服务端技术选型 2....前端开发使用GraphQL——Nestjs/GraphQL项目搭建背景新项目采用了vue3开发，而目前vue对应的QraphQL模块vue-apollo对使用typescript开发的vue3...后面我们就可以使用这些type去校验GraphQL接口返回的内容。...编写调用函数，引入上一步生成的类型，这样我们就可以使用typescript的类型检查检查我们的数据，这里建议使用webstorm和vscode的同学去安装下对应的拓展，可以做到智能提示。

3.8K2 0

【.NET 遇上 GraphQL】使用 Hot Chocolate 构建 GraphQL 服务

Hot Chocolate 是 .NET 平台下的一个开源组件库, 您可以使用它创建 GraphQL 服务, 它消除了构建成熟的 GraphQL 服务的复杂性, Hot Chocolate 可以连接任何服务或数据源...在本文中, 我会在 .NET 应用中使用 Hot Chocolate 组件来构建 GraphQL 服务, 让我们开始吧！...01创建 GraphQL Server 这里我们创建一个空的 .NET Web项目, 并且使用了 .NET 6 的 mini api dotnet new web -n HotChocolateDemo...端点项目会显示上面的页面, 这是 ChilliCream 平台提供的 GraphQL IDE, Banana Cake Pop, 可以使用它浏览，请求 GraphQL 服务, 有点像 swagger...现在它是空的, 因为我们没有创建任何的 GraphQL API, 接下来，我会创建最简单的查询服务, 然后使用 Banana Cake Pop 查询我们的 GraphQL 服务。

6142 0

GraphQL介绍&使用nestjs构建GraphQL查询服务

GraphQL介绍&使用nestjs构建GraphQL查询服务（文章底部附demo地址） GraphQL一种用为你 API 而生的查询语言。...查询示例使用几个简单的例子看下GraphQL的查询是什么样子的。...Dataloader（官方网址）是由facebook推出，能大幅降低数据库的访问频次，经常在Graphql场景中使用。 ?...使用nestjs构建GraphQL Server服务 nestjs，官网地址：https://docs.nestjs.com，是一个使用typescript构建nodejs后端应用的框架，类似java中的...使用nestjs搭配GraphQL、typeorm、mysql实现了一个简单的GraphQL查询服务，查询支持单个查询、列表查询、关联查询，变更支持修改、删除操作，具体demo地址： https://github.com

2.9K9 0

GraphQL入门之使用ApolloServer构建GraphQL服务

接上一篇文章，上一篇通过 express 作为 GraphQL Server 介绍了一下 GraphQL，今天说一下如何使用 Apollo Server 作为 GraphQL服务器。...创建 Node.js 的工程 mkdir myapp cd myapp npm init (一路回车) 安装依赖包 npm install @apollo/server graphql 定义 Schema...const typeDefs = ` type Query { hello: String } `; 定义解析器 const resolvers = { Query: {..., }, }; 创建ApolloServer 使用上面定义的 schema 和 resolver 创建 ApolloServer const server = new ApolloServer({...server).then(function(data) { console.log(` Server ready at ${data.url}`); }); 测试启动服务 node server.js 使用浏览器访问

1111 0

GraphQL入门之使用ApolloServer和express构建GraphQL服务

接上一篇文章，由于 express 现在仍然是主流的 Node.js 服务端框架，所以今天看看 ApolloServer 怎样和 express 集成构建 GraphQL 服务。...另外今天文章也顺便讲一下怎么使用 typescript 来实现。...初始化项目 mkdir myapp cd myapp npm init (一路回车) 安装依赖包 npm install @apollo/server graphql express cors body-parser...的schema const typeDefs = `#graphql type Query { hello: String } `; // 定义GraphQL的解析器 const resolvers..., }, }; const app = express(); const httpServer = http.createServer(app); // 使用schema和resolver创建ApolloServer

1221 0

【Graphql实践】使用 Apollo（iOS）访问 Github 的 Graphql API

如果你也对 Graphql 感兴趣，不妨先从 Github 的 Graphql API 来切手实践。...关于 Graphql 官网尽管只是做客户端的一些实践，我还是建议你先过一遍 Graphql 官网的学习指南。这样能更快速地理解概念。一些客户端库的文档，大部分都只是介绍基本用法。...配置 graphiql -- graphql 调试工具这个地方，也是各种坑。第一反应就是去看官方文档，但是文档过时太多，坑太深。...Github 甚至还有专门的使用该 App 访问 Github API 的教程：https://developer.github.com/v4/guides/using-the-explorer/ 注意...如果直接向看下效果，可以直接访问在线Demo: https://apis.guru/graphql-voyager/。里面提供了几个实例。

1.4K0 0

Geth GraphQL使用说明

本文将介绍Geth 1.9新增GraphQL API的原因，并介绍其使用方法。...但是JSON-RPC的问题在于它不支持灵活的查询，这会导致计算资源和数据传输方面的双重浪费：即使用户只需要部分数据，RPC调用也需要返回大量数据，造成带宽的浪费。...3、开启Geth的GraphQL支持 Geth 1.9.0引入的对GraphQL的原生支持。在启动geth时，使用--graphql命令行标志就可以开启GraphQL API接口了。...可以使用如下URL访问Geth的GraphQL浏览器： http://localhost:8547 界面如下所示，最左边就是输入的GraphQL查询： ?...语句：查询日志logs 查询条件:使用filter对象指定返回字段：transaction，其结构如上所示 5、实例对比JSON-RPC API和Geth GraphQL 假设我们要查询最新的10

1.7K0 0

GraphQL学习第三篇－在Express中使用GraphQL

在Express中使用GraphQL主要有以下几步： 1. 安装 graphql 和 express-graphql。 2. 引入express-graphql。 3....配置中间件，注意要放在实例化express之后。下面用代码来说明具体的实现步骤：首先是Express中的主文件app.js。.../model/db.js'); // 1. npm install express-graphql graphql --save // 2....引入express-graphql const graphqlHTTP = require('express-graphql'); // 3....配置中间件，要放在实例化express之后 // 配置了以后，访问这个路由就可以得到一个可视化的界面了 app.use('/graphql', graphqlHTTP({ // 自定义的schema

9562 0

使用 GraphQL 的 6 个月

译文出自：掘金翻译计划[1] ---- 在使用 GraphQL 进行了 6 个月的后端项目开发后，我开始考量该技术是否适合在开发工作中使用。...首先 GraphQL 是一种实现 API 的查询语言，也是使用现有数据完成这些查询的运行时。...但一旦有了 GraphQL，情况就不同了。虽然你仍然可以使用相同的解决方案，但这与 GraphQL 的理念不合。...独立团队使用 GraphQL，前端和后端可以独立工作。因为 GraphQL 具有严格的类型化架构，因此两个团队可以并行工作互不影响。...结论我强烈建议使用 GraphQL 替代 REST API。GraphQL 所提供的灵活性绝对可以取代它的痛点。

9442 0

GraphQL学习第四篇－在Koa中使用GraphQL

在Koa中使用GraphQL主要有以下几步： 1. 安装 graphql、koa-graphql 和 koa-mount。 2. 引入koa-mount 和 koa-graphql。 3....配置中间件，注意要放在实例化koa之后。下面用代码来说明具体的实现步骤：首先是Koa中的主文件app.js。.../model/db.js'); // 1. npm install graphql koa-graphql koa-mount --save // 2....引入koa-mount和koa-graphql const mount = require('koa-mount'); const graphqlHTTP = require('koa-graphql'...配置中间件，要放在实例化koa之后 app.use(mount('/graphql', graphqlHTTP({ // 自定义的schema schema: GraphQLDefaultSchema

1.3K2 0

尝试使用官方教程学习 GraphQL

GraphQL 的使用概念大致如下：在服务器端定义 API 和数据的模式，并进行实现。客户端使用 GraphQL 独有的查询语言发送请求，以获取、更新等操作数据。...也可以使用 HTTP 的 POST 方法发送请求。使用 GraphQL 客户端库等工具可以很好地处理缓存等问题。..., numSides: Int): [Int]}由于 numDice 使用 ! 保证非空，因此可以省略服务器的验证。在带有参数的 API 中，参数将作为对象传递给解析器的第一个参数。...Express 中间件。...此外，在解析器中，可以通过第二个参数访问请求（request）。。

1531 0

graphql+koa2 前端bff层

使用graphql的优势：前端把握查询的主动权，可定义你需要查询的字段过滤冗余，另外减少两端的沟通接手bff层前端可作为空间更大，包括做一些鉴权请求合并更加便利（以前初始化多个请求需要一起返回都是使用...为什么要写要两个配置，因为不是所有的请求都需要使用graphql做处理，这一点在后面使用它的时候就会知道，它有优势当然也有劣势。引入你的项目要看它能发挥多大价值。...graphql的集成就是用中间件koa-graphql const Koa = require('koa'); const koaStatic = require('koa-static'); const...在解析器中，他们的数据来源可以是任何地方，有可能是数据库，也可能是其他接口。我们这里是做中间层转发。所以直接使用axios转发到后端了。那么类型定义的参数就在这里获取使用。...配置好后启动中间层服务，graphql查询生效之后会开启一个/graphql的路径接口，如果我们要使用graphql查询就请求/graphql这个路径。

851 0

GraphQL入门之使用ApolloClient查询

前一篇文章介绍了怎么使用 ApolloServer 搭建 GraphQL server，今天看看怎么使用 ApolloClient 来执行查询。...安装依赖 npm install @apollo/client graphql react 初始化 ApolloClient # 导入依赖库 const { ApolloClient, InMemoryCache...= new ApolloClient({ uri: 'http://localhost:4000/', cache: new InMemoryCache(), }); 创建实例的时候使用...uri 和 cache 参数： uri: 指定 GraphQL server 地址，这里使用前一篇文章中启动的Apollo Server。...使用ApolloClient执行查询 # 执行查询 client.query({ query: gql` query { hello }

821 0

一种不错的 BFF Microservice GraphQLREST API 层的开发方式

Mocks 作为 TDD 的一部分，我们可能需要模拟 graphql 响应，直到我们能够实现解析器为止该基础结构设置为仅为当前未实现的解析器添加模拟。...因此，一旦实现可用，实际的解析器就会接手。同样，如果解析器执行失败，那么这将落在模拟响应上。此功能只能在开发期间使用，因此已添加检查以禁用“生产”版本中的此功能。...为了支持设置环境变量 GRAPHQL_MOCK 为 true 在 mocks/index.ts 文件定义 mock 解析器（resolver）作为示例，有查询添加了 examplesMock, peopleMock...验证中间件代码可以在这里查看 JWT Security GraphQL 基于 JWT 的安全性的演示实现已启用一个查询“示例”。下面是测试的步骤。...此处的区别在于，我们使用 @auth 指令根据角色来处理身份验证，而不是对解析程序中的实现进行硬编码。这是更清蒸的方法，并且与解析器分离。

2.3K1 0

为什么要使用 GraphQL？【Programming】

使用传统的RESTAPI端点，客户端应用程序可以查询服务器资源，并接收包含与请求匹配的所有数据的响应。...使用移动应用程序时性能较差的客户更有可能不购买产品和使用服务。低效的API设计会让公司损失金钱。并非只有“过度获取”，相应的，“欠获取”也是存在的。...包含和排除查询的服务器实现通常是自定义的，因为基于服务器的应用程序没有标准的方式来处理包含和排除查询的使用，就像没有定义包含和排除查询的标准方式一样。...在许多方面，这又回到了早期的web编程模式，客户端应用程序代码将直接查询后端系统——例如，有些人可能记得10-15年前在jsp上使用JSTL编写SQL查询！...注意事项尽管GraphQL具有引人注目的优势，但GraphQL仍然面临着实施挑战。一些示例包括：围绕REST API的缓存机制更加成熟。用于使用REST构建API的模式已经非常完善。

1.2K0 0

GraphQL 初体验，Node.js 构建 GraphQL API 指南

但是，与任何框架或语言一样，GraphQL 也需要权衡取舍。在本文中，我们将探讨使用 GraphQL 作为 API 查询语言的利弊，以及如何开始构建实现。...就像 REST API 可能会使用 JSON 模式一样，GraphQL 使用 SDL 或 Schema 定义语言来定义它的模式，这是一种描述 GraphQL API 可用的所有对象和字段的幂等方式。...另一部分涉及实际获取数据，这是通过使用解析器完成的，解析器是一个返回字段基础值的函数。让我们看一下如何在 Node.js 中实现解析器。...因为我们使用的是 Express，所以我们可以使用 express-graphql 包来暴露我们的模式作为端点。...使用 GraphQL 中间件在你喜欢的端口上设置 Express 服务器，如下所示： const express = require('express') const express_graphql =

8.3K4 0

在 redux 应用中使用 GraphQL

正如 Sashko Stubailo 指出的：不幸的是，在 Redux 应用程序中异步加载服务器数据的模式还没有建立起来，并且经常需要使用外部帮助程序库，如 redux-saga。...快速的启动一个服务端环境启动一个 redux 脚手架增加一个 GraphQL 客户端 (Apollo Client) 使用 GraphQL 获取数据获取更多的数据接下来要做的 1....客户端正在运行，现在是开始添加 GraphQL 客户端的时候了。我们的目标是使用 GraphQL 查询，从服务器轻松获取数据并将其呈现在着陆页（HomeView）中。 3....如果想要使用 GraphQL 查询语句而不是 action dispatchers 来获取数据，需要做以下改变： 1....接下来这篇教程只探索了 GraphQL 的一小部分，还有许多内容尚未涉及，比如在服务端更新数据或者使用其他的服务端（如 Rails）。

1.9K1 0

在GraphQL中实现实时数据更新之PubSub

在 GraphQL 中，可以使用 Pub/Sub 模式来实现实时数据更新，使服务器能够向客户端推送数据变更。在下面的示例中，将使用 Redis 作为 Pub/Sub 的中间件。...请确保你已经安装了 graphql-yoga（一个用于构建 GraphQL 服务器的库）和 redis（用于创建 Redis 客户端的库）。...可以使用以下命令安装这两个库：npm install graphql-yoga redis然后，可以使用以下代码实现 GraphQL 服务器，使用 Redis Pub/Sub 模式实现实时数据更新：const...}`;// GraphQL 解析器const resolvers = { Query: { messages: () => db.messages, }, Mutation: { postMessage...当使用 postMessage 变更时，服务器会发布消息到 Redis 的 messageAdded 频道，而订阅者将通过订阅 messageAdded 频道来获取实时更新。

1631 0

使用 GraphiQL 可视化 GraphQL 架构

在本文中，我将带你了解如何使用 GraphiQL 来辅助 GraphQL 的开发。什么是 GraphQL？在我们谈论 GraphiQL 之前，让我们先谈谈 GraphQL。...GraphQL 是一种用于应用程序编程接口 (API) 的开源数据查询和操作语言，也是一种使用现有数据完成查询的运行时。...从第 7 行到第 10 行，我们首先调用 app.use()，它允许我们在 express.js 中注册中间件。...我们看到我们正在使用 Loadash 通过 id 返回 countries。如果一切都正确完成，你应该能够在 GraphiQL 界面中运行你的 GraphQL。...运行 npm run dev：然后，在你的浏览器中，转到 http://localhost:2020/graphql，你应该会看到：是的，现在你可以使用 GraphiQL 界面测试你的 API

3972 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭