如何将 Wordpress API 与 ReactJs 混合使用

问题描述 投票:0回答:1

你们中的一些人可能知道 WordPress 不久前推出了一个 API,您可以向它发出 HTTP 请求,而不必太担心路由,因为它们会为您处理后端。

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

这让我发疯,因为我在网上找不到任何关于如何做到这一点的可靠内容(甚至不是堆栈溢出)

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

问题补充

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

javascript ajax wordpress rest reactjs
1个回答
1
投票

好问题!

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

(1) 使用 React 和 Wordpress 创建 SPA

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

优点:

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

缺点:

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

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

Calypso 是新的 WordPress.com 前端 – 使用单页 Web 应用程序对 WordPress 仪表板进行了精美的重新设计,由 WordPress.com REST API 提供支持

(2) 以默认方式使用 Wordpress 平台

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

我应该使用什么方法?

这要看情况。我们来看看接下来的两个案例:

  1. 我们有一个投注平台,我们希望我们的用户收到有关系数和分数变化的实时更新。我们假设 WordPress 后端结构可以处理它并且完全符合我们的要求。在这种情况下,我更愿意创建 SPA 并使用 Wordpress 作为后端和管理(#1 方法)。

  2. 我们有一个几乎是静态内容的公司网站。唯一的一项动态(重交互)功能是用户板。用户可以在那里向其他人发送消息,接收时事通讯。所以在这里我更喜欢使用 Wordpress 作为主要平台(#2 方法),而 React 只会处理动态页面。

© www.soinside.com 2019 - 2024. All rights reserved.