Headless CMS 是一种新兴的内容管理方式，它将内容和展示分离，使得内容可以在不同的平台上展示，从而提高了内容的可重用性和灵活性。WordPress 是一个非常流行的 CMS，但是它并不是一个真正的 Headless CMS。本文将介绍如何将 WordPress 转变为一个 Headless CMS。
什么是 Headless CMS
Headless CMS 是一种内容管理方式，它将内容和展示分离。传统的 CMS 通常将内容和展示耦合在一起，使用特定的模板将内容渲染成 HTML 页面。而 Headless CMS 则不关心展示，它只提供 API 接口，将内容以结构化的形式返回给客户端，客户端可以使用任何技术栈将内容展示出来。
Headless CMS 的主要优点是：
- 可重用性：同一份内容可以在多个平台上展示，如网站、移动应用、智能音箱等。
- 灵活性：客户端可以使用任何技术栈将内容展示出来，如 React、Vue、Angular 等。
- 安全性：客户端只能获取到需要的内容，而不能访问后台的管理界面。
WordPress 为什么不是真正的 Headless CMS
WordPress 是一个非常流行的 CMS，但是它并不是一个真正的 Headless CMS。WordPress 有一个 REST API，可以访问后台的内容，但是这个 API 并不完全符合 Headless CMS 的要求。
首先，WordPress 的 REST API 只能返回 HTML 内容，而不能返回结构化的数据。这意味着客户端需要解析 HTML 页面，才能获取到需要的内容。
其次，WordPress 的 REST API 并不是真正的无状态 API，它需要使用 cookie 进行身份验证。这意味着客户端需要将 cookie 存储在本地，才能访问后台的内容。
最后，WordPress 的 REST API 并不是完全开放的，某些功能需要进行身份验证才能访问。
虽然 WordPress 并不是一个真正的 Headless CMS，但是我们可以通过一些技巧，将 WordPress 转变为一个 Headless CMS。
1. 修改 REST API 返回的内容
WordPress 的 REST API 返回的是 HTML 内容，我们可以通过修改 REST API 的返回值，让它返回结构化的数据。具体来说，我们可以修改 REST API 的模板文件，将 HTML 页面转换为 JSON 格式。以下是一个示例代码：
-- -------------------- ---- -------
----------- ---------------- -------- -- -
-------------------- -------- --------------------- ------
--------- -- ------
---------- -- ----------------
- --
- --
-------- -------------- ----- - -
--- - ----- ------------
----- - --------- --- --
---------- - ------
---- -- ----------
------- -- ------------------
--------- -- --------------------
------ -- -----------------
--
------ -----------
-上面的代码将 REST API 的 /posts 接口返回的 HTML 内容，转换为了结构化的 JSON 格式。
2. 使用 JWT 进行身份验证
WordPress 的 REST API 使用 cookie 进行身份验证，我们可以通过使用 JWT 进行身份验证，来实现真正的无状态 API。
JWT 是一种基于 JSON 的身份验证标准，它使用 JSON 对象作为 payload，加上一个密钥，生成一个签名。客户端可以使用这个签名来验证身份。以下是一个示例代码：
-- -------------------- ---- -------
----------- ---------------- -------- -- -
-------------------- -------- --------- ------
--------- -- -------
---------- -- ------------
- --
- --
-------- ---------- ----- - -
--------- - ------------------
--------- - ------------------
----- - ---------------- ---------- --------- --
-- - ------------ ----- - - -
------ ------
-
------ - ------
----- -- ------------- ----- --
----- -- ------- --------- --
----- -- -------
----- -- ------ - -----
--
---- - ------------ ------- ------------ --
------ ------
------- -- -----
--
-上面的代码实现了一个 JWT 登录的 REST API 接口，客户端可以使用这个接口获取到一个 JWT Token，然后使用这个 Token 访问后台的内容。
3. 使用插件开放所有功能
WordPress 的 REST API 并不是完全开放的，某些功能需要进行身份验证才能访问。我们可以使用插件开放所有功能，让 REST API 可以访问所有内容。
具体来说，我们可以使用插件 JWT Authentication for WP REST API，它可以让 REST API 访问所有内容，同时使用 JWT 进行身份验证。
结论
本文介绍了如何将 WordPress 转变为 Headless CMS。虽然 WordPress 并不是一个真正的 Headless CMS，但是我们可以通过一些技巧，让它变成一个 Headless CMS。如果你正在使用 WordPress，同时希望将内容展示在不同的平台上，那么将 WordPress 转变为 Headless CMS 是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67468956e504cb428eb761d2