使用无头 WordPress 设置,您可以将网站的前端和后端分开。您可以使用此方法生成站点的静态副本,这可以大大缩短加载时间。
在本文中,我们将讨论什么是无头 WordPress 及其工作原理。然后,我们将向您展示如何通过 Amazon Web Services (AWS) 实施使用网站静态副本的基本设置。
开始工作吧!
Headless WordPress 简介
通常,当您在后台(或管理控制台)对站点进行更改时,您会在前台看到相应的结果(即访问用户可以访问实时页面)。在这种传统模型中,WordPress 同时服务于网站的后端和前端。
当我们谈论 headless WordPress 时,我们指的是不使用 WordPress 来生成网站前端的设置。相反,WordPress 仅充当后端。对于前端,您可以使用任何其他通过其 API 与 WordPress 连接的平台,或者构建一个静态网站。
对于本文,我们将在前端使用静态 WordPress 设置。这种方法的两个主要优点是:
- 静态网站非常安全,因为没有可供黑客利用的活动部件。
- 非动态页面加载速度更快,因为它们不需要从数据库中获取信息或加载脚本。当然,另一种实现方式是使用 WordPress 页面缓存。
理论上,静态 WordPress 设置还可以节省托管成本,因为您可以使用功能较弱的服务器。
但是,这并不是适用于所有类型项目的正确方法。例如,使用此解决方案,包括联系人表单或站点搜索等动态元素会更加复杂(尽管通过正确的设置是可行的)。
也就是说,静态前端非常适合简单的网站。如果您要创建个人博客或宣传册网站,此设置可能是一个不错的选择。
快速说明:有些人不认为静态 WordPress 站点是真正的无头 WordPress 安装程序,因为它没有使用 REST API,并且设计仍然以某种方式附加到后端(通过主题).然而,这是此类设置的最简单示例,因此我们选择在本教程中重点介绍此方法。
如何使用 AWS 设置 Headless WordPress 网站(3 个步骤)
理论上,您可以通过任何您想要的提供商托管网站的静态副本。但是,在此示例中,我们将使用 AWS,因为它与我们提供的插件一起开箱即用。以下是如何开始。
第 1 步:设置 AWS 账户
开始使用 AWS 比传统的网络主机需要更多的工作。然而,对于静态网站,使用这个平台的成本却低得惊人。事实上,它每月只需花费 0.50 美元。
对于无头 WordPress 设置,您需要使用 Amazon S3 层,它提供 12 个月的免费托管:

注册您的账户应该非常简单——点击开始使用 Amazon S3 按钮并填写注册信息表格必填字段。
请注意,如果您已经登录到您的亚马逊账户,该按钮将显示为完成注册。步骤是一样的,只是不会要求您重新输入您的电子邮件地址和登录凭据。
第 2 步:生成网站的静态副本
要使此设置生效,您仍然需要在某处安装 WordPress,以便将其用作网站的后端以及为前端生成静态内容。为避免为两个不同的托管服务提供商付费,一种解决方案是创建本地 WordPress 安装。
搭建本地WordPress网站有多种方式,包括:
- 使用XAMPP等工具搭建完整的本地WordPress环境
- 使用Flywheel 等待本地软件设置本地 WordPress 安装
在这种情况下,Local by Flywheel 提供了一种更加人性化的方法。下载并安装软件,然后建立一个新的本地网站。
如何使用本地设置网站?
接下来,根据需要配置和自定义您的网站。更新您的设置,选择一个主题,并撰写您的页面和帖子。当您感到满意时,您就可以创建一个静态副本以在您网站的前端使用。
为此,请继续设置 WP2Static 插件:
您可以使用其他几个插件来实现相同的目标。但是,WP2Static 可与各种平台无缝协作,包括 AWS、Netlify、GitHub Pages 等。
插件准备就绪后,您可以从仪表板中的 WP2Static 选项卡访问其设置。它直接打开“部署静态网站”选项卡,就在您想要的位置:

在这里,在目标 URL 字段中,添加访问者将用来访问您的网站的 URL(这将由您的 Amazon S3 配置决定)。然后,从屏幕顶部的下拉列表中选择 Amazon S3:

在部署您的网站之前,您需要配置一些设置并将AWS连接到您的网站,这将在下一步中完成。
第三步:自动部署静态页面到AWS
选择Amazon S3选项后,会出现几个新字段:

开始部署前需要同时输入access key ID和secret access key .请记住,您使用的访问密钥 ID 需要具有正确的部署权限级别。这是有关如何从您的 AWS 账户获取两个密钥的快速指南。
将密钥粘贴到各自的字段后,选择创建 AWS 存储桶的区域并输入在 AWS 控制台中显示的名称:

最后,滚动到页面底部,点击开始静态站点导出按钮.根据您网站的大小,此过程可能需要一段时间。完成后,您应该可以访问网站的实时静态版本。
结论
如果您想使用无头 WordPress 设置来构建静态网站,您可以使用 WP2Static 插件来实现。它开箱即用地适用于 AWS 和其他几个平台,您可以在几分钟内生成和部署站点的静态副本。
如果您在使用 AWS 时仍想坚持使用更传统的 WordPress 设置,您可以查看我们的指南,了解如何在 AWS 上安装普通 WordPress。
您对如何在 AWS 上使用 headless WordPress 有任何疑问吗?让我们在下面的评论部分讨论它们!





