在 Gatsby 和 GraphQL 中的 wordpress 中过滤 ACF Post Object-field

Question

这是Querying wordpress with meta queries from Gatsby的后续问题

经过一些调试，我收集到，如果我错了，请纠正我，Gatsby on build 下载整个数据结构并缓存它。所以所有的 GraphQL 查询都是针对缓存执行的。这使得我尝试对 wordpress 进行的所有调整（例如 https://www.wpgraphql.com/2020/04/14/query-posts-based-on-advanced-custom-field-values-by-registering-a-custom-where-argument/）都毫无用处。我仅限于在 Gatsby 中对我的 GraphQL 查询使用 filter 参数。

考虑以下查询：

query Test {
  allWpPage(filter: {pagesGeo: {}}) {
    edges {
      node {
        pagesGeo {
          genericPage {
            ... on WpPage {
              id
            }
          }
          hreflangValue
        }
      }
    }
  }
}

在这种情况下，我想过滤 genericPage，但它不在 GraphiQL 查询测试器的可用过滤器列表中。

在 Wordpress 中，自定义字段 generic_page 是在高级自定义字段的帮助下定义的，它的字段类型为“发布对象”。如您所见，我可以很好地查询该字段，并且我可以很容易地在 Wordpress 中创建一个元查询来过滤该字段。它看起来像：

$query_args['meta_query'] = [
    "relation" => "OR",
    [
        'key' => 'generic_page',
        'value' => $postObjectId,
        'compare' => '='
    ],
    [
        'key' => 'generic_page',
        'value' => $postObjectId2,
        'compare' => '='
    ],
];

有没有办法让我在 Gatsby 中的 genericPage 上进行过滤？

如果没有，是否有其他解决方案可供我提取我需要的数据？

Answer 1

经过一番调试，我收集了，如果我是，请纠正我 错了，盖茨比在构建时会下载整个数据结构和 缓存它。所以所有的 GraphQL 查询都是针对缓存执行的。

是的，没错。

而且我对 Gatsby 或 GraphQL 编码了解不多，但这就是我所做的，它对我来说效果很好：

1. 我使用“WordPress 博客”启动器创建了一个 Gatsby 网站：https://github.com/gatsbyjs/gatsby-starter-wordpress-blog

2. 然后在我的 WordPress 网站上，我安装了以下插件：ACF（免费版，v5.10.2）、WP Gatsby v1.1.3、WP GraphQL v1.6.4、“WPGraphQL for Advanced Custom Fields”v0.5.3 和（只是用于测试）WPGraphQL Meta Query v0.1.0

3. 然后我创建了一个名为“Pages GEO”的 ACF 字段组：

   • 在 GraphQL 元框中，我将“在 GraphQL 中显示”设置为“是”，然后设置“GraphQL 字段名称”到pagesGeo（这是你用的，对吧？）

   • 然后我创建了一个名为“通用页面”(generic_page) 的 发布对象字段，然后将“在 GraphQL 中显示”设置为“是”

4. 当然，我创建/编辑了一些页面（即帖子类型page），然后为这些页面选择了一个“通用页面”。

所以关于这个：

在这种情况下，我想过滤 genericPage，但它不在列表中 GraphiQL 查询测试器中的可用过滤器。

我无法添加filter.pagesGeo.genericPage，但我设法按该字段（即filter.genericPage）进行过滤：

我注册了自己的自定义 WP GraphQL 字段，名为 genericPage

1. 在我的主题 functions.php 中，我添加了：

   • 代码基于here。

   add_action( 'graphql_register_types', function() {
       register_graphql_field( 'Page', 'genericPage', [
           'type'        => 'Integer',
           'description' => 'generic_page meta value',
           'resolve'     => function( \WPGraphQL\Model\Post $post ) {
               return (int) get_post_meta( $post->databaseId, 'generic_page', true );
           }
       ] );
   });
   

2. 然后在 GraphiQL IDE（在 http://localhost:8000/__graphql）中，我运行了这个查询：

   • 所以在上面的查询中，我通过generic_page 元数据过滤了帖子，其中我查询了元值（即帖子ID，或GraphQL 中的databaseId）为2 的帖子或 82.

   • 我使用了in 比较器，但您可以使用任何其他适合您查询的比较器。见https://www.gatsbyjs.com/docs/query-filters/#supported-comparators

3. 结果是：

   • 如您所见，对于每个节点/帖子（在data.allWpPage.nodes 中），根genericPage 与pagesGeo.genericPage.databaseId 匹配。

附加说明

我使用了gatsby develop 命令（如果我没记错的话）重建缓存，但如有必要，可以手动清除缓存 — 参见https://www.gatsbyjs.com/docs/build-caching/#clearing-cache。