AEM Sites - WKND 教學課程快速入門

歡迎使用專為Adobe Experience Manager()新手開發人員所設計的多部AEM份教學課程。 本教學課程將逐步介紹WKND這AEM個虛擬生活品牌網站的實作。 本教學課程涵蓋基本主題,例如專案設定、核心元件、可編輯範本、用戶端程式庫,以及與Adobe Experience Manager Sites共同開發元件。

概覽

本多部分教學課程的目標,是教導開發人員如何使用Adobe Experience Manager()的最新標準和技術建置網AEM站。 完成本教學課程後,開發人員應瞭解平台的基本基礎,並瞭解中的常見設計模式AEM。

此教學課程在設計上將使用 AEM as a Cloud Service,並向下相容於 AEM 6.5.5.0+AEM 6.4.8.1+。網站的實作方式為:

預計約需 1-2 小時完成教學課程的每個部份。

本機開發環境

本機開發環境是完成此教學課程所不可或缺的條件。螢幕擷圖和影片都是使用在 Mac OS 環境上執行的 AEM as a Cloud Service SDK 擷取,並將 Visual Studio Code 當做 IDE 使用。除非另有註明,否則命令和程式碼應獨立於本機作業系統。

所需軟體

本機應安裝下列程式碼:

注意

AEM as a Cloud Service 的新手嗎? 請參閱以下指南以使用 AEM as a Cloud Service SDK 設定本機開發環境

AEM 6.5 的新手嗎? 請參閱以下指南以設定本機開發環境

關於教學課程

WKND是虛構的線上雜誌和部落格,主要針對數個國際城市的夜生活、活動和活動。

Adobe XDUI Kit

為了讓本教學課程更接近實際案例場景,Adobe有才幹的UX設計人員使用Adobe XD為網站建立模型。 在教學課程中,各種設計會建置在完全可編寫的網AEM站中。 特別感謝為世界開發組織網站設計精美設計的​洛倫佐·布奧西​和​基利安·阿門多拉

下載XDUI套件:

WKND名稱正合適,因為我們預期開發人員會參與​weekend​的大部分工作,以完成教學課程。

Github

項目的所有代碼都可在Github上找到,位於AEMGuide repo:

GitHub:WKND Sites Project

此外,教學課程的每個部分都有其專屬的GitHub分支。 用戶只需檢出與上一個部件對應的分支,即可隨時開始教程。

注意

如果您使用本教學課程的舊版,您仍可在GitHub上找到解決方案套件程式碼

引用網站

WKND網站的完成版本也可供參考:https://wknd.site/

本教學課程涵蓋開發人員所需AEM的主要開發技巧,但​not​將建立整個網站的端對端。 完成的參考網站是探索和檢視更多現成功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千萬張高品質且免版稅的影像,包括像片、圖形、視訊和範本,以快速開始您的創意專案。

後續步驟

你在等什麼!導覽至Project Setup章節以開始教學課程,並瞭解如何使用Project Archetype產生新的Adobe Experience Manager專AEM案。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free