javascript - 我如何将 Wordpress API 与 ReactJs 混合使用

Question

你们中的一些人可能知道 Wordpress 发布了一个 API就在不久之前，您还可以向 HTTP 发出请求，而不必担心路由，因为它们会为您处理后端。

现在我的问题是如何将 ReactJs 与 Wordpress API 混合使用？

这让我发疯，因为我在网上找不到任何关于如何执行此操作的可靠内容(甚至没有 STACKOVERFLOW)。

非常感谢您的帮助，谢谢!

Addition to Question

我完全理解 ReactJs 和 Wordpress，Ajax 调用将使用 Jquerys $.ajax() 方法之类的东西进行。我只是不知道这两者如何混合在一起，甚至不知道从哪里开始。

Answer 1

好问题!

这是我的想法。我看到了两种可能的方法。

1。使用 React 和 Wordpress 创建 SPA

在这种情况下，Wordpress 将充当 REST API 和管理。 React 将负责路由管理和处理所有前端逻辑。您可以将其视为两个不同的项目。因此，您将拥有 React 和 Wordpress 的两个全新安装。

优点:

1. Таке 充分利用 React 及其出色的生态系统。这里我指的是性能、可扩展性、社区等。
2. 后端、REST API、管理由您决定，感谢 Wordpress。

缺点:

1. 您不能在前端使用 Wordpress 的插件。

请看WP-Calypso寻找灵感。您可以从那里采取一些好的做法:

Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API

---

2。以默认方式使用 Wordpress 平台

您可以在默认的 Wordpress 包含 js 库的方式中包含 React。这里 React 将处理您想要的任何页面上的一些繁重的用户交互。 React 可以再次与 Wordpress REST API 通信，但路由将由 Wordpress 管理。

---

我应该使用什么方法？

这取决于。让我们看看接下来的两个案例:

1. 我们有一个博彩平台，我们希望我们的用户能够收到有关系数和分数变化的实时更新。我们假设 Wordpress 后端结构可以处理它并且完全符合我们的要求。在那种情况下，我更愿意创建 SPA 并使用 Wordpress 作为后端和管理(#1 方法)。
2. 我们有一个几乎包含静态内容的公司网站。唯一的动态(大量交互)功能是用户板。用户可以在那里向其他人发送消息，接收时事通讯提要。所以在这里我更喜欢使用 Wordpress 作为主要平台(#2 方法)，而 React 将只处理动态页面。