了解为 WordPress 设置的 Frontity React 框架

Frontity 是用于创建快速 WordPress 网站的热门新前端框架

长期以来,WordPress 一直是最受欢迎的内容管理系统。它不仅为互联网上超过 30% 的网站提供支持,而且还拥有庞大的贡献者社区,他们使 WordPress 生态系统保持活力和强大。

WordPress 主要是一个基于 PHP 的服务器软件。 WordPress 有数以千计的自定义增强和扩展,它们主要以基于 PHP 的插件的形式出现。因此,毫不奇怪,有许多尝试将非 PHP 框架与 WordPress 集成,尤其是 Javascript 框架,它们正在迅速接管 Web 开发的前端空间。

一个真正爬上图表的框架是一个名为 Frontity 的 WordPress 的 React.js 框架。它是由一家位于西班牙的初创公司开发的。 Frontity 的开发已经进行了几年。然而,它最近在由 WordPress 背后的公司牵头的 100 万欧元融资中引起了轰动, 自动 和风险投资公司 KFund.要了解这背后的原因,首先要了解 Frontity 框架是什么,以及它带来了什么好处。

什么是前沿?

在我们了解 Frontity 之前,有必要了解 WordPress 的基本架构。您可能知道,WordPress 是一个基于 PHP 的服务器软件。它需要像 Apache 或 Nginx 这样的服务器软件来处理请求,以及像 MySQL 这样的数据库软件来存储数据(帖子、页面、用户等)。

WordPress 架构

一旦你打开,说 WordPress 网站的主页,它会调用 索引.php 后端的文件,它将返回主页的 HTML、CSS 和 JS,然后将在浏览器中显示。因此,PHP 充当网站的通用网关接口 (CGI),因此对前端的任何类型的增强都需要基于 PHP。

前沿建筑

由于 Frontity 是一个 反应基础ed 框架,让我们先谈谈 React JS。 React 是由 Facebook 开发和发布的前端 Javascript 框架。由于其在创建快速、稳定、响应式 UI 方面的便利性,它非常受欢迎。 React 作为 Node JS 模块工作,因此使用 React 的网站必须基于 Node JS 服务器。

现在,如果你想使用像 React 这样的纯 Javascript 框架来增强前端,即创建自定义主题,这样做很麻烦。原因是像 React 这样的框架与 Node 协同工作,Node 启动了自己的服务器。正如我们之前提到的,WordPress 在后端使用 PHP CGI 服务器。因此,没有使用 React for WordPress 构建自定义主题和 UI 的直接方法。

但是,有一种方法可以远程从 WordPress 数据库中检索数据。它可以使用 WordPress REST API 来完成,自 WP 4.7 及更高版本起,该 API 已完全集成到核心 WordPress 中。如果我们可以远程获取 WordPress 数据,这意味着我们现在可以根据需要显示获取的数据。长期以来,用户一直在使用 REST API 来开发自定义应用程序、网页以直接从数据库访问 WordPress 数据。这些类型的内容管理系统 (CMS) 也称为 无头的 内容管理系统。

Frontity 正是基于这个概念。它通过 REST API 连接到 WordPress 数据库,负责解析和组织检索到的数据。由您决定要使用哪个主题来显示网站。由于它基于 React,因此任何 React 主题都可以用于网站。如果您愿意,您还可以开发您的自定义主题。创建者/管理员仍将使用基于 PHP 的 WordPress 前端来创建内容或更改设置。但基于 Frontity 的前端将用作网站的主页。

因此,在 Frontity 设置中将需要两个服务器:一个是 WordPress 服务器,它启动并运行 REST API 并返回 WordPress 数据,第二个是 Node JS 服务器,它运行 Frontity 以调用 REST API 并使用 React 显示数据.

前进的道路?

随着 WordPress 背后的公司筹集了 100 万欧元,React 为 WordPress 带来了丰富的用户体验,可以毫不夸张地说 Frontity 是现代 WordPress 驱动网站的前进方向。 WordPress UI 将继续用作创建内容的仪表板,而显示部分将转移到 Frontity 服务器。

您可以在此处阅读有关 Frontity 的更多信息。如果您有一个 WordPress 网站并想试用 Frontity,您可以按照此处提到的步骤进行操作。