头盔 GraphQL 游乐场 - JavaScript

GraphQL 是一种 API 查询语言和运行时，它通过描述数据的方式使客户端能够准确地请求所需的数据，而不会产生超过需要的数据。头盔 GraphQL 游乐场是用于在浏览器中探索和测试 GraphQL API 的工具。

使用方法

1. 安装 headless-graphql-client 包：

   npm install headless-graphql-client
   

2. 导入包：

   const { HeadlessGraphQLClient } = require('headless-graphql-client')
   

3. 实例化 HeadlessGraphQLClient：

   const graphQLClient = new HeadlessGraphQLClient({ url: 'https://example.com/graphql' })
   

4. 准备查询/变异：

   const query = `
     query GetUser($id: ID!) {
       user(id: $id) {
         id
         name
         email
       }
     }
   `
   const variables = { id: '123' }
   

5. 执行查询/变异：

   const result = await graphQLClient.execute(query, variables)
   

6. 处理结果：

   console.log(result.data)
   console.log(result.errors)
   

示例

以下是使用头盔 GraphQL 游乐场执行查询的示例：

const { HeadlessGraphQLClient } = require('headless-graphql-client')

const graphQLClient = new HeadlessGraphQLClient({ url: 'https://api.spacex.land/graphql/' })

const query = `
  query {
    ships(limit: 3) {
      id
      name
      weight_kg
      active
    }
  }
`
const result = await graphQLClient.execute(query)

console.log(result.data)
console.log(result.errors)

输出：

{
  "ships": [
    {
      "id": "AMERICANISLANDER",
      "name": "American Islander",
      "weight_kg": 0,
      "active": true
    },
    {
      "id": "AMERICANSPIRIT",
      "name": "American Spirit",
      "weight_kg": 0,
      "active": true
    },
    {
      "id": "AMSTERDAM",
      "name": "Amsterdam",
      "weight_kg": 1395,
      "active": true
    }
  ]
}
null

总结

头盔 GraphQL 游乐场是一个允许您在浏览器中测试 GraphQL API 的工具。它提供了一个简单易用的 API，使您能够快速地查询/变异以及处理结果。如果您是 GraphQL 的新手，那么头盔 GraphQL 游乐场是一个学习 GraphQL 的好地方。