GraphQL查询构建

在线GraphQL查询构建工具，支持可视化配置Query与Mutation字段参数并生成语句。

操作名称

端点/根字段

参数

选择字段

快捷字段

内嵌对象字段

工具说明

工具定位

GraphQL查询构建用于可视化拼装 Query 和 Mutation 结构，自动生成参数定义、字段选择和 Variables JSON，帮助前后端联调更快完成接口验证。

核心功能

支持 Query 与 Mutation 双模式切换。
支持参数、字段、别名和内嵌对象字段可视化编辑。
支持自动生成 GraphQL 语句与 Variables 对象。
支持一键复制结果并快速加载示例模板。

语法示例

基础查询

query GetUser($id: ID!) {
  user(id: $id) {
    id
    name
    email
  }
}

# Variables
{
  "id": "123"
}

基础变更

mutation CreateUser($name: String!) {
  createUser(name: $name) {
    id
    name
  }
}

# Variables
{
  "name": "Alice"
}

使用步骤

选择 Query 或 Mutation，并填写根字段。
按需添加参数、字段、别名和内嵌字段块。
结果区域会自动生成查询，检查语句与 Variables 输出。
复制结果用于 GraphQL 客户端或接口文档。

适用场景

接口联调前快速组装 GraphQL 请求
文档编写时生成可读查询模板
调试复杂字段层级与参数类型
团队评审时统一请求结构表达

常见问题

为什么变量类型没有自动推断：当前按你输入的 type 字段生成。
参数值必须是 JSON 吗：建议使用 JSON 字面量，无法解析时会按字符串处理。
支持 fragment 自动生成吗：当前版本不自动生成，可在内嵌字段中手动补充。
会上传我的内容吗：不会，所有构建逻辑都在浏览器本地执行。

隐私说明

本工具不会上传你的查询结构、参数和值，生成与格式化过程全部在本地浏览器完成。