问题标签 [wp-graphql]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
156 浏览

vue.js - @nuxtjs/apollo 模块请求时间很慢(5 秒)

我的 NuxtJS 和 Apollo 请求有问题。解决请求需要太多时间 - 几乎 5 秒。我已经在本地、开发和生产中尝试过。

这是我指向 WPGraphQL 的 apollo 的 nuxt.config 部分:

这是我的 Nuxt 页面模板

一切都完美呈现,除了这个请求需要超过 5 秒。您可以从 GTMetrix 等中签出。基本上 TTFB 是 5.4 秒等。

生产部署到 Vercel,这是我的 Vercel 配置>

我有一些其他路线可以正常工作,返回的图像是 70-150 kB,网站不包含大图像或文件。

live ise generator.bm.ee 中的原始站点来衡量质量。所有其他路线的响应时间都很短,但 / 路线的响应速度非常慢。

我还没有找到任何关于如何实现 Nuxt、Apollo 和 WPGraphQL 的好的说明。

0 投票
0 回答
139 浏览

javascript - GraphQL 对象查询

我基本上对所有事情都不熟悉;js、graphql 等。但是我正在使用 WP GraphQL 从我的 Wordpress 安装中获取内容,以填充我在 NextJS 中制作的应用程序。我已经设法让 WP GraphQL 做我需要它做的事情,但现在我需要弄清楚如何让 javascript、nextjs 和 apolloClient 去做我需要它做的事情!

基本上,当我想获得所有具有“钓鱼”和“洗衣”功能的露营地时,我有一个看起来像这样的 WPGraphQL 查询:

但问题是,我希望能够使用选定的功能列表动态更改 taxArray。我猜这样做的方法是对所选对象进行某种数组映射(来自查询参数,例如 localhost:3000/http://localhost:3000/camps?rcampfeatures=Cable%2CCampground+存储)并将它们添加到...对象的对象?由类似的东西组成 - 这里的伪代码 - :

但我想我的问题是....如何告诉 GraphQL 插入这些对象?我尝试构建的功能如下所示:

但显然这是不正确的。

感谢您提供的任何帮助!!!:)

0 投票
2 回答
470 浏览

graphql - Gatsby graphiQL - 不能为不可为空的字段 ImageSharpFluid.src 返回 null

我正在将 Gatsby 和 graphql 与无头 WordPress 一起用于网站。

我想使用 gatsby-image 插件来获得来自 WordPress 的图像的 srcSet 和模糊效果,但它在 graphiQL 操场上引发错误。为了更好地理解,我想在下面逐步解释整个过程。

gatsby-image 插件有两种类型的响应式图像固定和流动:

要在两者之间做出决定,问问自己:“我知道这张图片的确切尺寸吗?” 如果是,则为第一种。如果没有并且它的宽度和/或高度需要根据屏幕的大小而变化,那么它就是第二种类型。

所以,我需要第二个 one- fluid

它还有两个图像组件静态和动态。

如果您使用的是每次使用该组件时都相同的图像,例如徽标或首页英雄图像,则可以使用 StaticImage 组件。

如果您需要动态图像(例如它们来自 CMS),您可以通过 GraphQL 加载它们并使用 GatsbyImage 组件显示它们。

我正在使用 WordPress(即 CMS)。所以,我需要第二个 -动态

在编写查询之前,我必须了解如何对来自 WordPress 方案的文件进行正确的查询。

出于这个原因,我发现 Gatsby 有一个gatsby-source-wordpress插件来从 WordPress 中提取图像。

我已经安装并配置了所有必需的软件包,例如gatsby-plugin-image, gatsby-plugin-sharp,gatsby-transformer-sharp等。我所做的一切都完全按照官方文档所说的那样。

那时一切都准备好进行查询,所以我尝试了他们在文档中的第一个示例 -从 wordpress 中提取图像并且它工作。

在此处输入图像描述

所以是时候最终得到我想要的并尝试第二个示例(流体),但它失败并显示错误消息Cannot return null for non-nullable field ImageSharpFluid.srcSet.

在此处输入图像描述

当我尝试获取时它也失败了gatsbyImageData

在此处输入图像描述

我该如何解决这个问题?

提前致谢。

0 投票
1 回答
333 浏览

reactjs - NextJS、Apollo、WPGraphQL & 组合或检索超过 100 条记录

我正在尝试在 getStaticProps 期间使用 Apollo 为 WPGraphQL 查询检索 100 多条记录。出色的 WPGraphQL 制作者 Jason 向我指出使用分页方法,然后将结果组合到一个新的数组(或对象?)中。

我遇到的问题是......好吧,除了获得一个查询之外,我无法将其组合或真正做任何事情。在我的 getStaticProps 中,我有一个查询,它只检索 100 条记录和工作,但是如果我尝试添加另一个它不起作用,并且我得到一个错误的数据说它不存在(即使我知道它存在...):

所以我不确定该怎么做,希望你们能提供帮助。我确定我只是错过了一些愚蠢的事情或做一些愚蠢的事情。

最终,我试图有效地从数据库中检索约 156 条记录而无需分页,我想最好的方法是将其拆分为两个查询,然后合并数据。非常感谢您的帮助。

这是我的 getStaticProps 代码不起作用:

这是只有一个有效查询的代码:

0 投票
0 回答
36 浏览

graphql - 带有编码字符串的 URL 的 WPGraphQL 查询返回 null

使用 Headless Wordpress,我无法按 uri 查询帖子。

id 为 53770 的 Post 可以查询以下代码。

它返回这个。

但是,使用 uri 查询相同的帖子将返回 null。

如何通过带有编码字符的 uri 进行查询?

0 投票
0 回答
67 浏览

vue.js - 尝试使用 nuxt、apollo 和 wp-graphql 对组件进行分页时出现不可迭代的实例错误

我在这个项目中使用 nuxt、wordpress graphql 和 apollo。我正在尝试在我的 CategoryProps.vue 文件中编写一个 Show More 按钮。我有一个 weight-loss.vue 页面,它将类别传递给 CategoryProps.vue 组件内的 apollo 查询变量“$category”。

从一开始就自动显示三个帖子,单击“显示更多”按钮将呈现另外 3 个帖子。

我不断收到“传播不可迭代实例的无效尝试。为了可迭代,非数组对象必须具有 Symbol.iterator 方法”错误。

/CategoryProps.vue

/myquery.gql

//减肥.vue

0 投票
1 回答
346 浏览

wordpress - WpGraphQL:创建扩展 - 有问题

也许我在我的头上,但我正在尝试为 WpGraphQL 创建一个扩展,以收集每个产品的 YITH WooCommerce 产品附加组件信息,但我已经到了沮丧地把头撞在桌子上的地步. 有没有一种相当简单的方法可以将数组输出到节点中?以下是我到目前为止所拥有的,目前我只得到一个具有集合 ID 的产品(稍后,希望它会得到与该查询关联的那个)。我可以得到一个简单的字符串输出,但我不能让它将数组输出到节点中?我究竟做错了什么?我注释掉了我对输出的想法,但它通常会导致错误或空值。我确实看到 graphql_debug 工作并将 $fields 作为数组输出?谢谢!

0 投票
0 回答
51 浏览

wordpress - 如何使用 wordpress 和 wpgraphql API 返回自定义响应?

我对 php 和 wordpress 逻辑(过滤器和操作)都是新手。我正在尝试通过解析和验证由第三方提供商创建的 JWT 来编写自己的身份验证中间件。我正在尝试使用determine_current_usergraphql_authentication_errors并且init_graphql_request到目前为止还不错。我的问题是,如果令牌有效,一切都会按预期进行。但我有一段代码(我在网上找到)是这样的:

我想做的是找到一种方法来为每种情况返回不同的响应。目前,我得到的唯一响应是 500 内部服务器错误,这是有道理的。我应该如何返回不同的响应对象?这样做的最佳 wordpress API(或 graphql)实践是什么?

0 投票
2 回答
303 浏览

wordpress - Gatsby 和 WordPress graphQL:按 id 查询多个图像

我正在尝试在 Gatsby 上重新创建一个 WordPress 滑块

我想看看是否有办法通过 id 查询多个图像。我不想使用很多查询,而是一个使用 ID 数组的查询——当然如果可能的话:-)

例如,如果我想要 WordPress 库的 110,200,250,300,400 个媒体,查询会是什么?

将图像添加到我的 src 文件夹是否更有效?

谢谢!

0 投票
1 回答
56 浏览

wordpress - 这是 WP GraphQL (wordpress) 的安全问题吗?

使用邮递员我查询:

通过经过身份验证的请求(和管理员权限),我得到:

返回所有用户,没关系

但 !!!

通过公开请求,我得到:

为什么节点:"id": "dXNlcjox"公开请求?

这是安全问题吗?