前言
WordPress 是一款十分流行的开源博客平台,同时也可以用来开发强大的网站和应用。而且 WordPress 提供了丰富的插件功能,为网站开发带来了极大的便利。不过如果只想使用其中的一部分功能,并不需要将整个 WordPress 安装到本地。这时候,我们可以使用 npm 包 wordpress.min.js,它是一个轻量级(仅有 18KB)的 JavaScript 库,可以很方便地与 WordPress 进行交互,以实现一系列目的。
在本文中,将详细介绍如何使用 npm 包 wordpress.min.js,并通过代码实例来演示其用法。
安装
使用 npm 安装 wordpress.min.js,命令如下:
npm install wordpress.min.js
或者可以通过 CDN 的方式进行引用:
<script src="https://cdn.jsdelivr.net/npm/wordpress.min.js@latest"></script>
使用
安装完成后,即可通过调用 WP
全局对象来使用库内提供的方法。
创建一个 WordPress 实例
const wp = new WP('http://example.com/wp-json/');
在使用之前需要先创建一个 WordPress 实例,它的参数是 WordPress REST API 的端点。如果你正在使用 WordPress 5.0 或以上版本,则默认启用 REST API,否则需安装并启用 WordPress REST API 插件。
获取文章
wp.posts().get().then(function(data) { console.log(data); });
以上代码会请求默认 10 篇文章,并将它们打印到控制台。如果需要更改文章数量,可以传递一个 per_page
参数:
wp.posts().perPage(5).get().then(function(data) { console.log(data); });
获取特定文章
wp.posts().id(2).get().then(function(data) { console.log(data); });
以上代码会请求 ID 为 2 的文章,并将其打印到控制台。
创建文章
wp.posts().create({ title: '这是标题', content: '这是正文', }).then(function(data) { console.log(data); });
使用以上代码创建一篇新文章,并将其打印到控制台。
疑难解答
为什么我无法连接到 WordPress REST API?
在使用 WP
构造函数时,WordPress REST API 的端点需要使用完整 URL,包括协议、域名和路径。例如:http://example.com/wp-json/
,其中 example.com
是你的 WordPress 站点的访问地址。
另外,也需要检查一下服务端是否开启了 REST API 功能,并且 REST API 的权限设置是否适当。
总结
在上面的示例中,我们使用了 WordPress API 的 RESTful 接口来进行操作。通过 WP
全局对象提供的方法,可以用极少的代码实现对 WordPress 站点的诸多操作。同时,在使用之前需要注意 WordPress API 的角色权限和端点设置,才能顺利地通过库与 WordPress 进行交互。
参考文献
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bcf967216659e244d37