简介
在前端开发中，使用 API 请求数据是非常常见的操作。而在 WordPress 站点的开发中，可以使用 WP REST API 来获取数据。@wpapi/wp-client 是一个可以帮助我们轻松使用 WP REST API 的 npm 包。
安装
使用 npm 安装 @wpapi/wp-client：
--- ------- ----------------
使用
初始化 wpapi 对象
使用 @wpapi/wp-client，我们可以通过以下方式初始化 wpapi 对象：
------ ----- ---- ------------------- ----- ----- - --- ------- --------- ------------------------------- ---
这里的 endpoint 参数是你 WordPress 站点的 REST API 地址。创建了 wpapi 对象后，我们就可以使用其中的一系列方法来请求数据。
获取文章数据
------------------------------- -- - ------------------ ---
上述代码中，我们使用 wpapi.posts() 方法来获取文章数据，并通过 get() 方法发起请求。在请求成功后，我们将获取的数据输出到控制台。
使用参数过滤数据
我们可以使用 params() 方法来设置查询参数，以过滤我们所需的数据。
例如，我们可以设置 params() 方法的参数来只获取特定的文章：
------------------------------ --- -- --------------------- -- - ------------------ ---
上述代码中，我们使用 param() 方法设置参数 include 的值为数组 [1, 2, 3]，表示只获取 ID 为 1、2、3 的文章。
发布新文章
我们还可以使用 wpapi.posts().create() 方法来发布新文章：
---------------------- ------ --- --- ------ -------- ----- -- -- --- ------ ------- ---------- ------------------ -- - ---------------------- ---
上述代码中，我们使用 create() 方法发布新文章。其中，title 和 content 是文章的标题和内容，status 参数指定文章的状态为已发布。在发布成功后，我们将获取到文章的响应数据并输出到控制台。
总结
@wpapi/wp-client 是一个非常强大的 npm 包，它让我们可以轻松地使用 WP REST API 获取数据并且支持新建、编辑文章。在实际项目中，可以利用 @wpapi/wp-client 来加速开发进程，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5b51ab1864dac6700b