GraphQL APIとのインタラクション
GraphQL APIとのインタラクションレスポンスにおけるフィールドの出力パスを変更する

レスポンスにおけるフィールドの出力パスを変更する

この質問はRedditに投稿されたものです:

I have:

allMdx {
  edges {
    node {
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
      }
    }
  }
}

I need frontmatter.date to be publishedAt:

allMdx {
  edges {
    node {
      publishedAt: frontmatter{date(formatString: "MMMM DD, YYYY")}
    }
  }
}

Problem is, when I do this, I end up with:

{
  "publishedAt": {
    "date": "February 06, 2021"
  }
}

Instead of (which is what I need):

{
  "publishedAt": "February 06, 2021"
}

Is it even possible to alias nested fields like this?

つまり、GraphQLサーバーにレスポンスの形を平坦化するよう指示することは可能か、そして可能であればその方法は何か、ということです。

以下の拡張機能を活用した、Gato GraphQLによる解決策を紹介します:

  • Multiple Query Execution:GraphQL操作をまたいで変数の値を@exportするために使用します
  • PHP Functions via Schema_echoフィールドを通じて、目的の場所にその値を再度出力するために使用します

@exportを使うことで、最初のクエリ操作でいくつかの結果を変数にエクスポートし、次にその変数を読み取ってレスポンス内の期待する場所に出力する2番目のクエリ操作を宣言することができます:

query ExportDate
{
  allMdx {
    edges {
      node {
        frontmatter {
          date(formatString: "MMMM DD, YYYY")
            @export(as: "date")
        }
      }
    }
  }
}
 
query PrintRelocatedDate($date: String)
  @depends(on: "ExportDate")
{
  allMdx {
    edges {
      node {
        publishedAt: _echo(value: $date)
      }
    }
  }
}

...そして、クエリを実行(?operationName=PrintRelocatedDateを渡して)すると、次のレスポンスが得られます:

{
  "data": {
    "allMdx": {
      "edges": [
        {
          "frontmatter": {
            "publishedAt": "February 06, 2021"
          },
          "publishedAt": "February 06, 2021"
        }
      ]
    }
  }
}