什么是Headless WordPress？（什么是无外设 CMS）

随着开发人员寻求提供更多自由和互操作性的 Web 开发解决方案，无外设 CMS 越来越受欢迎。但究竟什么是无外设 CMS？

为了帮助准确理解无外设 CMS是什么，我将快速将所有内容分解为简化的术语。

如果您查看 vanilla wordpress 设置，您会发现它包含两个组件：

• 管理员或仪表板：这是您创建内容、添加页面、上传媒体和管理网站的地方。

• 前端：这是访问者在访问您的网站时看到的部分。浏览器使用 php、javascript、图像、数据和来自 WordPress 的其他资产组装前端。

如您所见，这两个组件耦合在一起成为一个软件堆栈，这有时会带来问题。组装页面的过程需要时间。站点越大，浏览器呈现它所花费的时间就越多。

使用无外设 CMS，这两个组件相互分离——前端可以是任何东西，而后端充当可通过 api 或 SDK 访问的独立服务。

无外设 WordPress 站点使用 WordPress 来管理内容，但允许开发人员使用他们首选的前端堆栈向站点访问者显示内容。

有许多 Headless CMS 解决方案——Contentful、Netlify、ButterCMS等等。让我们看一下专为构建 WordPress 网站而量身定制的工具。

headless CMS 示例

Strattic是一个托管平台，允许您利用无服务器架构来创建快速、优化和安全的 WordPress 站点。它在 2022 年中期被 Elementor 收购。

在我们开始测试 CMS 之前，了解典型的无外设 WordPress 的工作流程很重要。在无外设 CMS版本的 WordPress 中工作需要三个组件：

1. 包含的 WordPress 环境：一个典型的 WordPress，您可以在其中登录管理仪表板并管理您的站点。

2. 静态预览环境：您的站点的预览版本，您可以将其用作一种暂存站点。这是您将站点更新推送到它并测试更新是否有效的地方。

3. 静态实时环境：实际的实时站点本身。进行更改并确认它们有效后，您将把更改推送到实时站点本身。

例如，当您创建一个页面时，Strattic 的服务器会将所有资产（图像、数据等）组合成一个 html 文件，将其存储在他们的服务器上，并通过 CDN 传送。这样，当您的用户访问您的网站时，他们将从 CDN 获得您网站的预生成 HTML 版本。

我们将在本文后面介绍此设置的好处。

回到 Strattic，在那里创建站点后，站点详细信息部分将包含三个不同的部分——WordPress 连接信息、预览站点连接信息和实时站点连接信息。

这里我们得到了我们的 WordPress 站点连接信息。这是实际 Strattic 服务器上的 WordPress 设置。您应该知道，当您在那里工作时（在仪表板中的正常环境中），您的实时站点将保持活动状态。

接下来，您将获得预览站点的 URL。

当您在正常环境中对站点进行更改时，Strattic 会将更改推送到预览站点。所以预览不再是WordPress，而只是预览状态下的输出。

您可以将预览用作暂存站点来检查您对 WordPress 所做的所有更改，并确保在将其推送到最终组件（即实时站点）之前一切都按预期工作。

这是用户将看到并与之交互的网站版本。默认情况下， Strattic 会为您分配一个临时stratic.io域，但您可以连接一个自定义域（如果您有的话）。

在 WordPress 中编辑站点

您可以通过单击主页侧栏上的“在 WordPress 中编辑”按钮在您的 Strattic 环境中安装 WordPress 。

这将启动 WordPress 并将您重定向到典型的 WordPress 设置工作流程。

完成这些步骤并提供您在每个步骤中所需的信息。然后，系统会要求您登录管理仪表板。您可以在那里创建帖子和页面、安装插件和主题，以及管理您的网站，就像在普通 WordPress 设置中一样。

使用无外设 WordPress 的好处

传统的 WordPress 受到非技术用户的青睐，因为它不需要任何编码知识。但是对于想要更多自由和更好的开发人员体验的有经验的开发人员来说，WordPress 可能不会削减它。

如果您是这些开发人员中的一员，您可能需要考虑将 WordPress 与前端分离。让我们回顾一下它的一些主要优点。

支持更多工具、框架和库

使用香草 WordPress，您不得不坚持使用堆栈中内置的技术。这种架构阻碍了您集成您可能更有经验的工具和库。

相比之下，无外设 WordPress 与技术无关，因此它可以与更广泛的库和工具集集成。您可以使用您最喜欢的 JavaScript 前端框架和工具堆栈构建网站，甚至可以将其集成到现有工作流程中，而不会牺牲您已经构建的内容。

更好的速度和性能

WordPress 是围绕 PHP 构建的。由于每个页面都是根据保存在数据库中的数据生成的，因此它们的加载速度比使用 HTML 文件创建的静态网站慢。当等式中包含插件时，网站会变得更加缓慢。

如您所知，无外设 WordPress 的工作原理是预先生成 HTML 并将其缓存在世界各地的 CDN 服务器中。此设置显着提高了您网站的交付速度。此外，您可以将后端与 Next.js 或 Gatsby 前端集成，以享受服务器端渲染和开箱即用的 SEO 选项等性能优势。

更好的安全性

香草 WordPress 是黑客的一个巨大游乐场。事实上，黑客只需访问您网站的/wp-login.php文件即可执行暴力攻击或使用 DDoS 攻击使您的网站过载。

另一方面，具有无外设架构的站点不易受到此类攻击。WordPress 不再用于输出数据，因此困扰 WordPress 的相同漏洞不再适用。

此外，无外设 WordPress 的 API 优先设置允许您添加网络安全服务和工具来抵御任何其他形式的攻击。

结论

使用无外设方法，您可以获得巨大的性能提升和架构自由度。另一方面，如果您是新手开发人员或非技术人员，您必须应对可能难以处理的复杂情况。

Headless WordPress 绝不会取代传统的 WordPress。对于拥有必要的开发团队并希望调整其平台或服务以服务器新用例的企业而言，它更像是一种选择。