GraphQL 是一种用来描述 API 的查询语言,它从客户端获取数据变得更加简单、高效和灵活。GraphQL 已经逐渐成为前端开发中的重要之一,而 graphql-js-schema 包更是被广泛应用。本篇文章将介绍怎样使用 npm 包 graphql-js-schema。
什么是 graphql-js-schema 包?
graphql-js-schema 包提供了一种构建 GraphQL Schema 的方法。通过使用该包可以让我们更加便捷的构建GraphQL schema。它依赖于 graphql-tools 和 graphql-js 包,让我们更方便地定义 GraphQL Schema。
如何安装 graphql-js-schema 包?
要安装 graphql-js-schema 包,我们可以使用 npm 命令来完成:
npm install --save graphql-js-schema
如何使用 graphql-js-schema 包?
我们在使用 graphql-js-schema 包时需要做以下步骤:
步骤 1:引入依赖的包
引入 graphql 和 graphql-tools:
const { GraphQLObjectType, GraphQLSchema, } = require('graphql'); const { makeExecutableSchema } = require('graphql-tools');
步骤 2:创建 GraphQL Schema
我们需要在 GraphQL 中创建两个 type:Query 和 Mutation。Query 是用来获取数据,Mutation 是用来修改数据。
-- -------------------- ---- ------- ----- -------- - - ---- ----- - ------ ------ - ---- -------- - ------ ----- -- ------ --- - --
步骤 3:创建定义函数
在创建函数定义时,我们需要定义两个 Query,一个 Mutation。
const resolvers = { Query: { hello: () => 'Hello world', }, Mutation: { add: (_, {h, b}) => h + b, }, };
步骤 4:读取 Schema
我们需要将 typeDefs 和 resolvers 两个变量传到 makeExecutableSchema 函数中,用于读取 Schema:
const schema = makeExecutableSchema({ typeDefs, resolvers, });
步骤 5:测试查询
我们现在可以测试查询了,使用 graphql 的 execute 函数:
-- -------------------- ---- ------- ----- - ------- - - ------------------- ----- ----- - - -------- - ------ -- -- -- - -- --------------- ----------------- -- - ---------------------- ---
这段代码会在控制台输出 5
。
结论
graphql-js-schema 是一个非常有用的 npm 包,它可以帮助我们更方便的构建 GraphQL Schema。在本篇文章中我们已经学习了 graphql-js-schema 包的使用方法,并提供了示例代码。希望本篇文章对大家学习 GraphQL 有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedcb22b5cbfe1ea061254d