wordpress - Woocommerce API - 来 self 自己前端的请求

Question

所以我一直在寻找关于这个主题的任何答案/文档，但运气不佳。这似乎是相对普遍的事情。我为 WordPress woocommerce 支持的网站设计了一个新网站。整个系统的功能并不像标准的 woocommerce 商店。至少不是界面方面的。所以前端和所有模板都需要自定义。然而，我想做的是使用 JS 框架，并直接与 Woocommerce API 交互。这是我的担忧:

我为 Woocommerce 生成 API key ，并且必须将其包含在我对后端的请求中(必须具有读/写权限)。因此，如果这些请求是从前端发出的，任何笨蛋都可以简单地查看他们的网络选项卡并获取我的 API key 。是什么阻止他们向我的网站提出他们想要的任何请求？删除产品？获取用户数据？

我想我只是不清楚它应该如何工作，也不清楚我在文档中看到的内容。还是此功能根本不是 API 的目的，它的存在主要是为了让您的站点与第三方应用程序交互？

如有任何关于使用 Woocommerce API 的见解，我们将不胜感激!

提前致谢。

Answer 1

有一个内置的 Backbone client在 wordpress 中，您需要做的就是将 wp_enqueue_script( 'wp-api' ); 放入您的代码中，以便在您的前端 window.wp.api 中获取它。

然后你可以得到这样的帖子

const posts = new wp.api.collections.Posts();
posts.on('sync', () => console.log(`${posts.length} posts synced`))
posts.fetch();

在引擎盖下，它使用了一个 X-WP-Nonce http header ，它恰好会过期，如果发生这种情况，页面需要重新加载以获取新的 X-WP-随机数。无需为此工作生成 api key 。

我希望这对您有所帮助:-)