海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

WordPress REST API 已经存在一段时间了,但是对于新手和非开发人员来说,了解它是什么以及它为什么重要可能不会立即清楚。 即便如此,这个工具对于各行各业的用户来说都是一个方便的工具,因为它使您能够将熟悉的 WordPress 界面单独用作后端,并使用其他工具和语言开发前端。

这篇文章将介绍什么是 WordPress REST API 及其功能。 我们还将分享一些步骤,以帮助您开始使用 WordPress 作为应用程序或网站的后端。

让我们开始吧!

WordPress REST API 简介

有很多文章解释了 WordPress REST API 是什么——我们之前甚至已经介绍过这一点——所以我们将保持简短以避免重复。 简而言之,应用程序编程接口 (API) 可以实现各种设备、应用程序和数据之间的连接。

一个有用的类比是将 API 视为在用餐者和厨房之间传递请求和响应的服务员。 在此示例中,您是用餐者,您尝试与之通信的应用程序或数据库是厨房,而您的“膳食”是您请求的数据。

Representational State Transfer (REST) 是一种“架构风格”或 API 类型。 它设计为轻量级,使用时需要的带宽最少。 使用 REST API,您可以发出四种基本类型的请求:

  • 得到 从您与之通信的设备、应用程序或数据库中检索数据。
  • 邮政 将数据添加到您正在与之通信的设备、应用程序或数据库。
  • 更新您正在与之通信的设备、应用程序或数据库上已有的数据。
  • 删除 从您与之通信的设备、应用程序或数据库中删除数据。

WordPress REST API 使用 JavaScript 对象表示法 (JSON) 来返回数据。 所以,当你把所有这些放在一起时,你会得到一种轻量级的交流方法 得到, 邮政, , 和 删除 通过使用 JSON 在 WordPress 网站和其他平台之间发送请求。

了解 WordPress REST API 可以做什么

看起来 WordPress REST API 对您来说并不是那么有用,尤其是当您不是开发人员时。 但是,API 可以做很多事情,即使是中级 WordPress 用户也可能想尝试,例如:

海外社媒SNS代运营Tiktok代运营公司
  • 同步内容。 您可以使用 REST API 使不同的 WordPress 站点能够相互通信。 例如,您可以通过在当前网站和重新设计的版本之间同步内容来测试网站重新设计。
  • 聚合内容。 同样,您还可以组合来自多个不同网站的内容。 以拥有多个地点的企业为例,每个地点都有自己的网站——您可以将所有三个地点的内容联合到另一个综合性网站上。
  • 设置 WordPress 数据 Google Sheet。 使用 REST API,您可以连接您的 WordPress 站点和 Google 表格。 这可以帮助您在电子表格中组织您的帖子,以随时了解内容更新。
  • 创建移动应用程序。 通过将您的 WordPress 站点连接到自定义应用程序前端,您可以创建一个移动应用程序来补充您的桌面站点。 这对于创建 WooCommerce 商店的应用程序版本等情况非常方便。
  • 使用“无头”WordPress。 如果 WordPress 的前端显示选项不适合您,REST API 使您可以使用 WordPress 进行所有内容创建和管理,同时在自定义网站或 Web 应用程序前端向用户提供内容。 这被称为“无头”WordPress。

快速的谷歌搜索会发现许多其他使用 WordPress REST API 的方式。 但是,对于本文的其余部分,我们将重点介绍使用 WordPress 作为应用程序或网站的后端。

如何使用 WordPress 作为后端(分 3 个步骤)

有很多方法可以使用 WordPress 作为后端。 因此,这篇文章更像是对使用 WordPress REST API 这样做的一般性介绍,而不是构建应用程序或解耦网站的完整指南。

虽然以下步骤已简化以帮助您入门,但这意味着您可能需要研究特定于您的项目的其他指南。 但是,了解这些基础知识将有助于简化流程。

步骤 1:将内容加载到 WordPress 并测试 REST API

使用 WordPress 作为后端的第一步与启动 WordPress 网站非常相似。 您需要一个 WordPress 安装,其中包含您想要在您的网站或应用程序上的所有内容。 这可能是活动安装或您为项目设置的新安装。

您还必须致力于创建帖子和页面、添加媒体文件以及您的项目在内容方面需要的任何其他内容。 基本上,您需要将您想要在您的网站或应用程序上拥有的所有内容放入 WordPress,因为这将是您管理内容的地方。

设置好所有内容后,您可能需要运行测试以了解 WordPress REST API 的工作原理。 幸运的是,您可以直接在浏览器中执行此操作。 只需输入您的域,然后输入 wp-json/wp/v2/posts:

通过 WordPress REST API 请求所有帖子后返回的 JSON。

您应该会看到与上图类似的内容,但显示的 JSON 数量会因站点的填充情况而异。 您现在已成功使用 WordPress REST API 返回所有帖子的数据。 REST API 手册也包含有关如何为其他信息执行此操作的信息。

回顾一下这一步:

  1. 首先,我们设置一个 WordPress 安装作为我们的应用程序/网站的后端。
  2. 我们创建了想要在 WordPress 中作为帖子、页面等显示在项目前端的内容。
  3. 为了查看 REST API 的实际效果,我们在浏览器中返回了所有帖子的 JSON。

一旦您觉得自己掌握了所有这些部分如何协同工作,您就可以从站点的后端继续进行前端的工作。

第 2 步:使用 React 设置您的应用程序或网站的前端

现在你已经弄清楚了“幕后”方面,你需要在你的应用程序或网站的用户实际看到的部分上工作。 为 WordPress 用户实现这一目标的流行途径是通过 React:

React 主页。

对于初学者来说,React 是(如上图中的标语所示)用于构建用户界面的 JavaScript 库。 它使您能够创建称为“组件”的元素,这些元素成为构成应用程序或网站前端的部分。 这可能包括帖子、按钮、图像或任何数量的其他特性和功能。

您可能还需要考虑许多其他平台来构建项目,因此请在提交之前货比三家。 使用 React(或类似的)的完整细节超出了本文的范围。 但是,一旦您确定了创建前端的方法,请注意所有配置,以便您准备好开始构建组件。

第 3 步:将您的 WordPress 后端连接到您的前端

到现在为止,您应该拥有 WordPress 后端和 React(或其他)前端。 现在,您只需要让他们彼此交谈,以便来自 WordPress 的数据呈现在您的应用程序或网站中。 这就是 WordPress REST API 的用武之地。

由于您已经测试了 API,并且已经看到它可以为您的帖子和其他内容返回数据,您知道它正在运行并准备就绪。 接下来,您需要创建使用 REST API 从 WordPress 检索帖子并将其显示在您的前端的组件。

如果您的编码经验很少,这就是事情变得非常棘手的地方。 如果您希望快速启动您的应用程序或网站,最好聘请开发人员为您进行设置。 但是,如果您愿意投入一些时间,您可以开始慢慢研究组件并边学习边学习。

我们已经写过如何创建一个 React 组件来检索您所有的 WordPress 帖子并将它们显示在过去的应用程序中。 您可以使用这篇文章作为入门练习,或查看一些在线培训课程。

WordPress花园建议你也读一下这篇文章  如何从 WordPress 自动发布到 Facebook

使用 WordPress REST API 将所有内容放到前端后,您就可以开始创建更多(并且越来越复杂)的组件,然后进一步定制站点的前端——同时使用 WordPress继续创建和管理内容。

结论

当涉及到 WordPress REST API 时,肯定有一个学习曲线,特别是如果您的编码知识最少。 但是,一旦您掌握了窍门,此功能可以帮助您扩展您的基本基础,将 WordPress 用作您自己的应用程序或自定义网站的后端。

这篇文章提供了一些使用 WordPress 作为后端的基本、简化的步骤。 让我们快速回顾一下:

  1. 将内容加载到 WordPress 并测试 REST API。
  2. 使用 React 设置您的应用程序或网站的前端。
  3. 将您的 WordPress 后端连接到您的 React 前端。

您对 REST API 或使用 WordPress 作为后端有任何疑问吗? 在下面的评论部分询问他们!

文章缩略图图片 Jesus Sanz / shutterstock.com

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts