graphql使用场景_如何使用svelte进行graphql和graphql订阅_ThreadLocal使用场景 - 腾讯云开发者社区

所使用的构建工具、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 的客户端工具。

1731 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.7K2 0

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

是的

没有找到

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

内容来源：2018 年 06 月 09 日，有数派联合创始人周文宇在“杭州第一届 GraphQLParty—GraphQL与领域驱动带来的协同价值”进行《Stratup使用GraphQL的姿势》演讲分享...阅读字数：6109 | 16分钟阅读摘要本次演讲主要介绍如何使用GraphQL，分别从前后端两个角度分析GraphQL的优劣势，对比Restful又能够给前后端协同开发带来哪些好处。...用GraphQL 之所以要使用GraphQL主要出于几方面的考虑。首先我们的业务复杂度高，应用本身的业务场景极其复杂，涉及到纺织行业大大小小几十个业务场景和十几个不同工种功能之间的联动与交互。...使用新轮子的问题（后端）使用GraphQL的过程中遇到的第一个比较严重的问题就是接口设计思路转变困难，之前在写RestfulAPI的时候想的更多的是面向资源，而GraphQL的设计思路则是面向场景，这完全颠覆了后端设计接口的哲学...安装工人的心得这里的标题是安装工人的心得，其实指的就是我个人在使用GraphQL过程的一些感悟和总结。先来看看GraphQL还有那些弊端。

7.2K2 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..., }, }; 创建ApolloServer 使用上面定义的 schema 和 resolver 创建 ApolloServer const server = new ApolloServer({...('@apollo/server'); const { startStandaloneServer } = require('@apollo/server/standalone'); // The GraphQL...server).then(function(data) { console.log(` Server ready at ${data.url}`); }); 测试启动服务 node server.js 使用浏览器访问

771 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

【.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 服务。

5882 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

961 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.6K0 0

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

在Express中使用GraphQL主要有以下几步： 1. 安装 graphql 和 express-graphql。 2. 引入express-graphql。 3..../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...GraphQLString, GraphQLInt, GraphQLSchema, // 数组类型 GraphQLList } = require('graphql')

9252 0

使用 GraphQL 的 6 个月

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

9332 0

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

在Koa中使用GraphQL主要有以下几步： 1. 安装 graphql、koa-graphql 和 koa-mount。 2. 引入koa-mount 和 koa-graphql。 3..../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'.../model/db.js'); // 从graphql中获取所需要的子模块 const { // schema类型 GraphQLObjectType, // 字段的类型...GraphQLString, GraphQLInt, // 数组类型 GraphQLList, GraphQLSchema } = require('graphql')

1.3K2 0

尝试使用官方教程学习 GraphQL

GraphQL 概要GraphQL 是用于客户端与服务器通信的语言规范。它有多种语言的实现，可以在广泛的环境中使用。...GraphQL 的使用概念大致如下：在服务器端定义 API 和数据的模式，并进行实现。客户端使用 GraphQL 独有的查询语言发送请求，以获取、更新等操作数据。...也可以使用 HTTP 的 POST 方法发送请求。使用 GraphQL 客户端库等工具可以很好地处理缓存等问题。...在 REST API 中，根据用途使用 GET/DELETE/POST/PUT 等不同的请求方法，但在 GraphQL 中，所有查询都使用 POST。...对于使用 Express GraphQL Server 创建的 GraphQL 服务器，可以通过执行以下 curl 命令返回 JSON 格式的数据。

1341 0

GraphQL（一）：GraphQL介绍

怎么使用GraphQL GraphQL致力于提供一种直观的弹性语法系统，用以描述客户端程序设计时的数据需求以及数据交互行为。...要使得客户端可以使用GraphQL的方式请求数据，首先需要在服务端提供GraphQL服务，这里可以查看现有的实现了GraphQL的平台，关于如何搭建GraphQL的服务，请查看GraphQL（二）：GraphQL...为什么要使用GraphQL 通过上面的内容，大致可以了解GraphQL给前后端数据交互带来的变化。使用RESTful风格的API，会从指定接口加载数据。每个接口都明确定义了返回的数据结构。...而GraphQL通过不同的Resolver天然完成了数据聚合功能 GraphQL解除了接口和数据之间的绑定，对业务数据模型做了抽象和整理，以图的方式来明确模型之间的关系，通过这些关系，具体业务场景可以定制自己的数据...，不同的业务场景只要基于同样一套基础数据模型就可以复用过往的接口。

1.2K2 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 }

561 0

GraphQL -- GraphQL基础实践

基础篇理论知识 graphQL介绍 GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。它由Facebook开发和开源，强烈地表达了代码即文档的期望。...Restful API的一些局限性的，遗憾的是，在企业中你想推翻一种技术去使用一种新的技术阻力还是蛮大的，任重而道远，所以在国内如果想去实践一番，要去那种“很新的公司”，重新设计技术架构方案。...代码即文档 GraphQL 会把schema 定义和相关的注释生成可视化的文档。参数类型强校验 GraphQL 提供了强类型的schema 机制，从而天然确保了参数类型的合法性。...好的，至此我们已完成一个简单的基于graphQL的例子，然后运行node app.js ,我们打开浏览器访问：http://localhost:3000/graphql来看一下吧。...：https://graphql.cn

8593 0

GraphQL -- GraphQL基础实践

6921 0

为什么要使用 GraphQL？【Programming】

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

1.2K0 0

GraphQL

它是数据库无关的，而且可以在使用API的任何环境中有效使用，我们可以理解为GraphQL是基于API之上的一层封装，目的是为了更好，更灵活的适用于业务的需求变化。...了解清楚后我全面拥抱GraphQL GraphQL执行逻辑有人会问：使用了GraphQL就要完全抛弃REST了吗？ GraphQL需要直接对接数据库吗？...使用GraphQL需要对现有的后端服务进行大刀阔斧的修改吗？答案是：NO！不需要！...新的开发需求可以直接就使用GraphQL服务来获取数据了，以前已经上线的功能无需改动，还是使用原有请求调用REST接口的方式，最低程度的降低更换GraphQL带来的技术成本问题！...你会在你下一个项目中引入Graphql并使用它吗？你对Graphql还有什么疑惑的问题呢？

2.6K6 5

在 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

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

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

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

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

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

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

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

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

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

Geth GraphQL使用说明

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

使用 GraphQL 的 6 个月

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

尝试使用官方教程学习 GraphQL

GraphQL（一）：GraphQL介绍

GraphQL入门之使用ApolloClient查询

GraphQL -- GraphQL基础实践

GraphQL -- GraphQL基础实践

为什么要使用 GraphQL？【Programming】

GraphQL

在 redux 应用中使用 GraphQL

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐