GraphQL 是一种用于 API 的查询语言。它的一个很大的优点是可以通过 Schema 定义数据模型,方便地管理、查询、过滤数据。但是,对于非常小的项目或者一些还不知道应该如何设计 Schema 的项目来说,定义 Schema 可能会成为一项比较麻烦的任务。因此,在这篇文章中,我们介绍一种无需任何代码实现 GraphQL Schema 管理的方法。
使用 GraphQL Playground 管理 Schema
GraphQL Playground 是一个用于调试和测试 GraphQL 服务的开发工具,同时也提供了 Schema 管理的功能。
首先,我们需要在终端中安装 GraphQL Playground:
npm install graphql-playground
接着,我们需要定义一个单一的 GraphQL 查询,例如:
type Query { hello: String! }
然后,我们就可以通过 GraphQL Playground 来管理 Schema 了。首先,启动 GraphQL Playground:
graphql-playground
然后,打开浏览器,进入 http://localhost:3000
(默认端口号为 3000)。在 GraphQL Playground 中,我们可以看到一个 Schema
选项卡,点击进入该选项卡。在该选项卡中,我们可以查询、修改、添加甚至删除 Schema 的类型、字段、关系等。
例如,我们可以添加一个新的类型 Person
:
type Person { name: String! age: Int! }
然后,我们可以在查询语句中使用该类型:
type Query { hello: String! person: Person! }
最后,我们需要为 person
字段添加一个解析器函数,例如:
const resolvers = { Query: { hello: () => "Hello, world!", person: () => ({ name: "张三", age: 18 }) } };
这样,我们就可以使用 person
查询来获取一个 Person
对象的信息了。
总结
本文介绍了一种使用 GraphQL Playground 来无需任何代码实现 GraphQL Schema 的管理的方法,这对于小项目或者还不知道如何设计 Schema 的项目来说非常方便。同时,我们需要注意的是,这种方法可能并不适用于大型的、需要更复杂 Schema 的项目。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64a66d0348841e98943094c3