随着前端技术和需求的不断发展，Headless CMS 平台正在逐渐成为开发人员和企业需求的选择。Headless CMS 解决了传统 CMS 的一些局限性，使得开发人员可以更好地控制数据和界面的交互。但是，Headless CMS 的使用需要开发人员与业务人员协调，本文将为你介绍 Headless CMS 的优势以及如何与开发人员协调。
Headless CMS 的优势
传统的 CMS 平台通常将后台管理系统和前端渲染引擎结合在一起。这种形式对前端开发人员的自主性有所限制，因为 CMS 可能会对前端界面接口、数据传递等方面做出调整。相比之下，Headless CMS 是一个完全分离的平台，可以帮助前端开发人员更好地控制数据源和数据传递。
- 灵活性
Headless CMS 平台通常具有高度灵活性和可扩展性，因为前端开发人员可以自由选择处理和呈现数据的方式。可以使用任何编码库、框架和语言。这使得开发人员在创建网站、应用程序、电子商务网站等方面更加创新。
- 响应式设计
Headless CMS 平台的交互方式更大程度上是通过 API 传递解析的数据，而不是传统 CMS 的 HTML。因此，开发人员可以更轻松地为多终端、多浏览器响应式网站设计构建网站。
- 防止锁定
Headless CMS 通过完全分离后台管理系统和前端渲染引擎来解决此类问题。这种分离形式可以使开发人员在遇到更新或错误时能够更自由、更有效地处理。无需将更改和错误的推迟或预定到 IT 组织的下一个开发周期。
如何与开发人员协调
与传统 CMS 的安装、配置和使用相比，Headless CMS 需要更多协同工作。下面是与开发人员协调的一些提示。
- 确定需要的 API
有一天，您可以使用 Headless CMS 开发的网站或移动应用程序需要的功能可能会发生变化。在这种情况下，必须确保开发人员可以按照您的要求在 Headless CMS 中进行数据添加、修改和删除，并编写接口以供前端操作。
- 约定的术语
开发人员和业务人员之间必须达成一致的惯例。例如，必须确定什么是“文章”、“博客”、“产品”、“活动”等术语，以确保文档和代码一致。
- 根据平台举例修改后端代码
根据 Headless CMS 平台的不同，可能需要更改和修改后端代码。 如果您使用 JavaScript、Node.js 或 Gatsby 等平台，可以使用现有的包和库来优化进程。
- 前后端合并
在实际开发工作流程中，必须平衡前端和后端开发人员的协作。前端开发人员需要与后端相互合作，以确保数据经过正确的编码后能正常地呈现在界面上。
Headless CMS 小栗子
以下是一个基本的 Headless CMS 小栗子。我们将使用 Strapi 作为我们的 CMS 平台，并使用 React 作为我们的前端框架。
步骤1: 创建一个 Strapi CMS
在 Strapi 上安装 Strapi 管理平台，为您的网站插入“页面”，包括标题和主体内容等元素。
步骤2: 创建一个 REST API
在 Strapi 管理界面中，您可以在 API 页面上创建 REST 接口，然后将接口的必需字段分配给应用程序或网页中的数据模型。
步骤3: 获取 API 的密钥
接下来，必须在应用程序或网页中获取 Strapi API 密钥，以便能够访问您的 CMS 数据。
步骤4: 创建一个 React 应用程序
在 React 中使用 fetch() 方法获取 REST API 数据。将 API 密钥作为 Authorization 头的一部分传递，以确保数据获取的安全性。
-- -------------------- ---- ------- ------ ------ - ---------- -------- - ---- -------- ------ ------------ -------- ----- - ----- ------- --------- - ------------- ------------ -- - ----- ---------- - ----- -- -- - ----- -------- - ----- ------------------------------------ - -------- - -------------- ------- - - --------------- -- -- -- ----- ---- - ----- ---------------- --------------- -- ------------- -- ---- ------ - ----- ----------------- -- - ---- -------------- --------------------- --------------------- ------ --- ------ -- - ------ ------- ----展开代码
在浏览器中运行应用程序，将显示 Strapi 中的“页面”数据。这行代码后，将 Strapi 改为您安装的 CMS 平台即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bc4f9ea231b2b7eddd41ac
