如何基于graphql-request从GQL查询字符串中获取operationName？

要从GQL查询字符串中获取operationName，你需要借助graphql核心库的parse方法将字符串解析为DocumentNode，再从中提取操作名称。具体步骤如下：

1. 安装依赖 #

如果你的项目还没安装graphql包，先执行安装命令：

npm install graphql

2. 解析查询字符串并提取operationName #

使用graphql.parse()将查询字符串转换为DocumentNode，然后遍历其definitions数组找到对应的操作定义，提取名称：

import { parse } from 'graphql';
import { request } from 'graphql-request';

// 示例GQL查询字符串
const gqlQuery = `
  query FetchPosts($limit: Int!) {
    posts(limit: $limit) {
      id
      title
    }
  }
`;

// 解析为DocumentNode
const docNode = parse(gqlQuery);

// 提取operationName
const operationDef = docNode.definitions.find(def => def.kind === 'OperationDefinition');
const operationName = operationDef?.name?.value;

console.log(operationName); // 输出 "FetchPosts"

// 正常发起graphql-request请求
const endpoint = 'https://your-gql-api.com/graphql';
const variables = { limit: 10 };
const data = await request(endpoint, gqlQuery, variables);

注意事项 #

• 如果查询是匿名操作（没有显式定义operationName，比如query { ... }），operationDef.name会是undefined，需做好空值处理。
• 若查询字符串格式不合法，parse()会抛出语法错误，建议用try/catch包裹解析逻辑：

  let operationName;
  try {
    const docNode = parse(gqlQuery);
    const operationDef = docNode.definitions.find(def => def.kind === 'OperationDefinition');
    operationName = operationDef?.name?.value;
  } catch (err) {
    console.error('GQL查询语法错误:', err);
  }
  

内容的提问来源于stack exchange，提问作者Jose Cipriano Neto