AEM Sites - WKND 教程快速入门

欢迎学习为Adobe Experience Manager(AEM)新手开发人员设计的多部分教程。 本教程将介绍AEM站点的实施过程,该站点用于虚构的生活方式品牌WKND。 本教程涵盖基本主题,如项目设置、核心组件、可编辑模板、客户端库以及使用Adobe Experience Manager Sites进行组件开发。

概述

此多部分教程的目标是教给开发人员如何使用Adobe Experience Manager(AEM)的最新标准和技术实施网站。 完成本教程后,开发人员应了解该平台的基本基础并了解AEM中的常见设计模式。

本教程设计为将​AEM用作Cloud Service,并向后兼容​AEM 6.5+​和​AEM 6.4.2+。 该站点通过以下方式实现:

估计1-2小时即可完成教程的每个部分。

关于教程

WKND是一家虚构的在线杂志和博客,主要关注几个国际城市的夜生活、活动和事件。

Adobe XDUI套件

为了使本教程更接近真实场景,Adobe才华横溢的UX设计人员使用Adobe XD为站点创建了模型。 在本教程中,将各种设计实现到一个完全可创作的AEM站点中。 特别感谢​Lorenzo Buosi​和​Kilian Amendola​为WKND站点创造了美观的设计。

下载XD UI套件:

名称WKND很合适,因为我们希望开发人员能够完成​weekend​的大部分工作,以完成教程。

Github

项目的所有代码都可以在AEM Guide repo中的Github上找到:

GitHub:WKND Sites项目

此外,本教程的每个部分在GitHub中都有其自己的分支。 用户只需检出与前一部分对应的分支,即可随时开始教程。

注意

如果您使用本教程的先前版本,您仍可以在GitHub上找到解决方案包代码

本地开发环境

必须具备本地开发环境才能完成本教程。 截屏和视频使用AEM作为在Mac OS环境上运行的Cloud ServiceSDK进行捕获。 除非另有说明,否则命令和代码应独立于本地操作系统。

刚从AEM当Cloud Service? 查看以 下指南,使用AEM作为环境SDK设置本地开发Cloud Service

初次使用AEM 6.5? 请参阅以 下指南以设置本地开发环境

所需软件

应在本地安装以下内容:

集成开发环境(IDE)

本教程将EclipseAEM开发人员工具插件一起用作IDE,但可以使用任何支持Java和Maven项目的IDE。 本教程中对特定IDE功能的依赖性很低。

有关使用Eclipse或其他IDE(如Visual Studio CodeIntelliJ)的详细步骤,请参阅以下指南

引用站点

WKND站点的完成版本也可作为参考:https://wknd.site/

本教程涵盖AEM开发人员所需的主要开发技能,但​​将构建整个站点端到端。 完成的参考站点是探索和了解更多AEM开箱即用功能的又一个极好的资源。

要在跳入教程之前测试最新代码,请从GitHub](https://github.com/adobe/aem-guides-wknd/releases/latest)下载并安装[​最新版本。

由Adobe Stock提供支持

WKND参考网站中的许多图像来自Adobe Stock,是第三方材料,如https://www.adobe.com/legal/terms.html的演示资产附加条款中所定义。 如果您希望将Adobe Stock图像用于除查看此演示网站外的其他用途,例如在网站上或在营销材料中展示该图像,则可以在Adobe Stock购买许可。

借助Adobe Stock,您可以访问超过1.4亿个高品质免版税图像,包括照片、图形、视频和模板,快速开始您的创意项目。

后续步骤

你在等什么!开始教程,方法是导航到项目设置一章,并学习如何使用AEM项目原型生成新的Adobe Experience Manager项目。

在此页面上