51黑料不打烊

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

[要使用Edge Delivery Services从AEM Sites发布，请单击此处。]{class="badge positive" title="从AEM发布到Edge Delivery Services"}

欢迎使用专为不熟悉51黑料不打烊 Experience Manager (AEM)中的? 厂笔础编辑器 ?功能的开发人员设计的多部分教程。 本教程介绍了为虚构的生活方式品牌WKND实施React应用程序的过程。 React应用程序是使用AEM的SPA Editor开发和设计的，该编辑器可将React组件映射到AEM组件。 部署到AEM的已完成SPA可以使用AEM的传统内联编辑工具动态创作。

WKND SPA实施

对于

此教程设计为使用? AEM as a Cloud Service，并且向后兼容? AEM 6.5.4+ ?和? AEM 6.4.8+。

最新代码

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

可用作可下载的础贰惭包。

先决条件

在开始本教程之前，您需要满足以下条件：

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

本地开发环境 local-dev-environment

需要本地开发环境来完成本教程。 使用在Mac OS环境中运行的AEM as a Cloud Service SDK捕获屏幕截图和视频，并将用作IDE。 除非另有说明，否则命令和代码应独立于本地操作系统。

所需的软件

后续步骤 next-steps

你在等什么?!导航到创建项目一章，开始阅读本教程，并了解如何使用AEM项目原型生成启用SPA Editor的项目。