Skip to main content

Using the GraphQL Playground

Intro

本页将为您介绍GraphQL查询的当前IDE的替代方案: GraphQL Playground .

What is Prisma’s GraphQL Playground?

GraphQL Playground是一种与源和插件添加为架构的数据进行交互的方式. 您将与这些数据进行大量交互,而Playground将极大地帮助您探索这些数据.

Accessing the playground

要使用带有Gatsby的GraphQL Playground访问此实验功能,请将GATSBY_GRAPHQL_IDE添加到package.json develop脚本中,如下所示:

"develop": "GATSBY_GRAPHQL_IDE=playground gatsby develop",

如果您使用的是Windows ,则应使用:

"develop": "cross-env GATSBY_GRAPHQL_IDE=playground gatsby develop",

如果尚未安装cross-env ,则可以执行以下操作:

npm install --save-dev cross-env

当开发服务器在http://localhost:8000/___graphql上运行时,请使用npm run develop gatsby develop而不是gatsby develop并对其进行访问

为了仍然能够使用gatsby develop您需要将dotenv包添加到gatsby-config.js文件中,并添加一个环境变量文件,通常称为.env.development . 最后,将GATSBY_GRAPHQL_IDE=playground添加到.env.development文件.

An image pointing out where to find the GraphQL schema

Edit this page on GitHub
Docs
Tutorials
Plugins
Blog
Showcase

by  ICOPY.SITE