npm 包 @wpapi/wp-client 使用教程

简介

在前端开发中，使用 API 请求数据是非常常见的操作。而在 WordPress 站点的开发中，可以使用 WP REST API 来获取数据。@wpapi/wp-client 是一个可以帮助我们轻松使用 WP REST API 的 npm 包。

安装

使用 npm 安装 @wpapi/wp-client：

npm install @wpapi/wp-client

使用

初始化 wpapi 对象

使用 @wpapi/wp-client，我们可以通过以下方式初始化 wpapi 对象：

import WPAPI from '@wpapi/wp-client';
const wpapi = new WPAPI({ endpoint: 'https://your-site.com/wp-json' });

这里的 endpoint 参数是你 WordPress 站点的 REST API 地址。创建了 wpapi 对象后，我们就可以使用其中的一系列方法来请求数据。

获取文章数据

wpapi.posts().get().then((data) => {
  console.log(data);
});

上述代码中，我们使用 wpapi.posts() 方法来获取文章数据，并通过 get() 方法发起请求。在请求成功后，我们将获取的数据输出到控制台。

使用参数过滤数据

我们可以使用 params() 方法来设置查询参数，以过滤我们所需的数据。

例如，我们可以设置 params() 方法的参数来只获取特定的文章：

wpapi.posts().param('include', [1, 2, 3]).get().then((data) => {
  console.log(data);
});

上述代码中，我们使用 param() 方法设置参数 include 的值为数组 [1, 2, 3]，表示只获取 ID 为 1、2、3 的文章。

发布新文章

我们还可以使用 wpapi.posts().create() 方法来发布新文章：

wpapi.posts().create({
  title: 'My new post',
  content: 'This is my new post',
  status: 'publish',
}).then((response) => {
  console.log(response);
});

上述代码中，我们使用 create() 方法发布新文章。其中，title 和 content 是文章的标题和内容，status 参数指定文章的状态为已发布。在发布成功后，我们将获取到文章的响应数据并输出到控制台。

总结

@wpapi/wp-client 是一个非常强大的 npm 包，它让我们可以轻松地使用 WP REST API 获取数据并且支持新建、编辑文章。在实际项目中，可以利用 @wpapi/wp-client 来加速开发进程，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5b51ab1864dac6700b