如何从 `gql` 对象中获取查询的名称？

Question

我使用 graphql-tag 中的 gql。假设我有一个这样定义的 gql 对象：

const QUERY_ACCOUNT_INFO = gql`
  query AccountInfo {
    viewer {
      lastname
      firstname
      email
      phone
      id
    }
  }
`

一定有办法从中得到AccountInfo。我该怎么做？

Answer 1

gql 返回的是一个 DocumentNode 对象。一个 GraphQL 文档可以包含多个定义，但假设它只有一个定义并且它是一个操作，你可以这样做：

const operation = doc.definitions[0]
const operationName = operation && operation.name

如果我们允许可能有片段，我们可能想做的是：

const operation = doc.definitions.find((def) => def.kind === 'OperationDefinition')
const operationName = operation && operation.name

请记住，在同一文档中存在多个操作在技术上是可能的，但如果您运行此客户端针对您自己的代码，那么事实可能无关紧要。

核心库还提供了实用函数：

const { getOperationAST } = require('graphql')
const operation = getOperationAST(doc)
const operationName = operation && operation.name

Answer 2

如果您使用的是 Apollo，还有显式的 getOperationName，它似乎没有记录但对我的所有用例都有效。

import { getOperationName } from "@apollo/client/utilities";

export const AdminListItemsDocument = gql`
  query AdminListItems(
    $first: Int
    $after: String
    $before: String
    $last: Int
  ) {
    items(
      first: $first
      after: $after
      before: $before
      last: $last
    ) {
      nodes {
        id
        name
      }
      totalCount
      pageInfo {
        hasPreviousPage
        hasNextPage
        startCursor
        endCursor
      }
    }
  }
`;

getOperationName(AdminListBlockLanguagesDocument); // => "AdminListItems"

如何从 `gql` 对象中获取查询的名称？

How to get the name of a query from a `gql` object?

graphql

apollo

graphql-tag