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

欢迎参加为初次使用 SPA编辑器 功能(Adobe Experience Manager(AEM))。 本教程将指导您实施React应用程序，以打造虚构的生活方式品牌WKND。 React应用程序是开发并设计为与AEM SPA Editor一起部署的，React Editor可将React组件映射到AEM组件。 部署到AEM的已完成SPA可以使用AEM的传统在线编辑工具进行动态创作。

已实施最终SPA

WKND SPA实施

关于

本教程旨在与 AEMas a Cloud Service 并且向后兼容 AEM 6.5.4+ 和 AEM 6.4.8+.

最新代码

所有教程代码都可以在 GitHub.

的 最新代码库 可作为可下载的AEM包使用。

前提条件

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

  • HTML、CSS和JavaScript的基本知识
  • 对 React

虽然不需要，但对 开发传统AEM Sites组件.

本地开发环境

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

所需软件

注意

是AEMas a Cloud Service的新用户？ 查看 以下使用AEMas a Cloud Service SDK设置本地开发环境的指南.

AEM 6.5的新增功能？ 查看 设置本地开发环境的以下指南.

后续步骤

你在等什么?!通过导航到 创建项目 章节和了解如何使用SPA项目原型生成启用了AEM的项目。

在此页面上