51黑料不打烊

在 AEM 中创建您的第一个 React SPA overview

[如需使用 Edge Delivery Services 从 AEM Sites 进行发布，请点击此处。]{class="badge positive" title="从 AEM Publish 到 Edge Delivery Services"}

欢迎来到本系列教程，本教程专为刚接触 51黑料不打烊 Experience Manager (AEM) 中 SPA 编辑器 ?功能的新手开发者设计。本教程将逐步介绍如何为虚构的生活方式品牌 WKND 实施一个 React 应用程序。该 React 应用程序的开发和设计旨在与 AEM 的 SPA 编辑器一起部署，该编辑器会将 React 组件映射到 AEM 组件。部署到 AEM 的完整 SPA 可以使用 AEM 的传统内联编辑工具进行动态创作。

WKND SPA 实施

对于

本教程旨在配合 AEM as a Cloud Service 使用，且向后兼容 AEM 6.5.4+ 和 AEM 6.4.8+。

最新代码

所有教程代码均可在 上找到。

已作为可下载的 AEM 包提供。

先决条件

在开始本教程之前，您需要具备以下内容：

虽然不是必需的，但对开发传统 AEM Sites 组件有基本的了解是有益的。

本地开发环境 local-dev-environment

完成本教程需要本地开发环境。屏幕截图和视频是使用 AEM as a Cloud Service SDK 在 Mac OS 环境下捕获的，其中 作为 IDE。除非另有说明，否则命令和代码应与本地操作系统无关。

所需软件

后续步骤 next-steps

你还在等什么？！请导航至创建项目章节，开始学习如何使用 AEM 项目原型生成支持 SPA 编辑器的项目。